gluestack

gluestack Logogluestack

Fab + BottomSheet

kearnsy posted this in #support
Open in Discord
Avatar
kearnsyOP
<BottomSheet>
        <BottomSheetTrigger>
          <TouchableOpacity>
            <Fab size="xl" placement="bottom right">
              <FabIcon as={AddIcon} size="2xl" />
            </Fab>
          </TouchableOpacity>
        </BottomSheetTrigger>
        <BottomSheetPortal
          snapPoints={["95%"]}
          backdropComponent={BottomSheetBackdrop}
          handleComponent={BottomSheetDragIndicator}
        >
          <BottomSheetContent>
            <BottomSheetItem>
              <BottomSheetItemText>Item 1</BottomSheetItemText>
            </BottomSheetItem>
            <BottomSheetItem>
              <BottomSheetItemText>Item 2</BottomSheetItemText>
            </BottomSheetItem>
            <BottomSheetItem>
              <BottomSheetItemText>Item 3</BottomSheetItemText>
            </BottomSheetItem>
          </BottomSheetContent>
        </BottomSheetPortal>
      </BottomSheet>

Anyone know why the bottomsheet is not getting triggered, I have tried with and without the touchableopacity. I am new to React Native
Thanks

1 Reply