Render component on top of the bottom sheet

[falk-stefan]

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.

[kenniford]

hello, were you able to figure this out?

[falk-stefan]

Yes. You can use handleComponent and customize it:

<BottomSheet
        ref={sheetRef}
        index={index}
        handleComponent={() => <HandleComponent onMinimizePressed={handleMinimizeButtonPush} />}
        >
</BottomSheet>

[samliok]

How can you do the weather icon in the example? it is placed outside the themed bottom sheet, yet moves with it.

[falk-stefan]

I solved it by creating a custom handle component as explained here.