full screen toggle

[ansarikhurshid786]

how to toggle full screen and half screen and close it.

can you suggestion something to achieve?

[matinzd]

how to toggle full screen and half screen and close it.

can you suggestion something to achieve?

You can use these props in order to customize size of your bottom sheet

containerHeight
offset
downDisplay

[ansarikhurshid786]

i have done half and full screen. I stuck how to close it?

I tried something like:
<BottomDrawer containerHeight={this.state.cHeight}> </BottomDrawer>

dynamically changing height of container but it is not working.

[matinzd]

i have done half and full screen. I stuck how to close it?

I tried something like:
<BottomDrawer containerHeight={this.state.cHeight}> </BottomDrawer>

dynamically changing height of container but it is not working.

I will check.

[ansarikhurshid786]

have you check. because i am stuck since yesterday.

[ansarikhurshid786]

i can show and hide element base on condition but it is not smooth.

can you create a function which close/hide bottomdrawer smoothly? like up and down position is very smooth...

i have done as below :

{ 
this.state.bottomState ? 
   <BottomDrawer containerHeight={Dimensions.get("window").height}> </BottomDrawer>
: 
null; 
}

[matinzd]

i can show and hide element base on condition but it is not smooth.

can you create a function which close/hide bottomdrawer smoothly? like up and down position is very smooth...

i have done as below :

{ 
this.state.bottomState ? 
   <BottomDrawer containerHeight={Dimensions.get("window").height}> </BottomDrawer>
: 
null; 
}

You can use closeBottomDrawer() to hide and set downDisplay to 0

[ansarikhurshid786]

@matinzd thanks let me try.

[ansarikhurshid786]

Not working as expecting.

closeBottomDrawer() :
If it is full screen then half and if half screen then nothing happen.

I want close bottom drawer smoothly.

can help me with some example?