Render component on top of the bottom sheet #1835
-
| The following example from the repository shows a small icon which displays some weather information (Cloudy, 12°):
What is the recommended way to render something on top of the bottom sheet? I couldn't find a straight forward way other than render my own handle-component so far. |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 3 replies
-
| hello, were you able to figure this out? |
Beta Was this translation helpful? Give feedback.
-
| Yes. You can use <BottomSheet ref={sheetRef} index={index} handleComponent={() => <HandleComponent onMinimizePressed={handleMinimizeButtonPush} />} > </BottomSheet> |
Beta Was this translation helpful? Give feedback.
-
| To get it outside the component, you can do something like;
|
Beta Was this translation helpful? Give feedback.
-
| How can you do the weather icon in the example? it is placed outside the themed bottom sheet, yet moves with it. |
Beta Was this translation helpful? Give feedback.
-
| I solved it by creating a custom handle component as explained here. |
Beta Was this translation helpful? Give feedback.
Yes. You can use
handleComponentand customize it: