Function BottomSheetExample

example/src/bottom-sheet-example.tsx:10–40

()

const sheets = createSheets();

export function BottomSheetExample() {
  return (
    <sheets.Provider>
      <View className="flex-1 pt-24">
        <View className="flex-1">
          <Button title="Show sheet" onPress={() => sheets.open("my-sheet")} />

          <Sheet
            id="my-sheet"
            // initialIndex={1}
            canDismiss
            // onStateChange={(event) => console.log({ event })}
            snapPoints={[400, 600, 1200]}
            appearanceAndroid={{
              dimAmount: 0,
              cornerRadius: 32.0,
              backgroundColor: "#ffffff",
            }}
            appearanceIOS={{
              cornerRadius: 16.0,
              grabberVisible: true,
              backgroundColor: "#ffffff",
            }}
          >
            <SheetContent />
          </Sheet>
        </View>
      </View>
    </sheets.Provider>
  );
}

function SheetContent() {
  const handleClose = React.useCallback(() => {