Pressto, not working in modal

[GorbunovV]

I ran into a problem where the buttons from the Pressto library don't work in true-sheet. I found an issue where this issue had already been addressed #383 (there's an example). But they simply dismissed the pressto buttons as working with react-native pressable.

Unfortunately, I have a large project, and everything relies on pressto, including many ready-made components. Is there a way to fix pressto so it works in true-modal?

Thank you so much for the awesome library. It's very simple and straightforward.

[lodev09]

@GorbunovV you can probably ask that guy (or girl) for the patch that AI did for them.

[jaka-kralj]

@GorbunovV

I solved the issue by wrapping the insides of a TrueSheet with GestureHandlerRootView (react-native-gesture-handler) with style={{ flexGrow: 1 }}

<ReanimatedTrueSheet
  ref={ref}
  detents={["auto", 0.7]}
  backgroundColor={Colors[colorScheme].background2}
>
  <GestureHandlerRootView style={{ flexGrow: 1 }}>
    <View style={styles.sheetContainer}>
      <Text>
        You will be logged out of the app and need to login again to
        continue.
      </Text>
      <View style={{ gap: Sizes.spacings.s4, flexDirection: "column" }}>
        <ButtonCustom
          style={{ width: "100%" }}
          label="Log Out"
          onPress={handleLogout}
          variant="error"
          colorScheme={colorScheme}
          size="large"
          buttonType="primary"
        />
        <ButtonCustom
          style={{ width: "100%" }}
          label="Cancel"
          onPress={handleCancel}
          colorScheme={colorScheme}
          variant="blackWhite"
          size="large"
          buttonType="textOnly"
        />
      </View>
    </View>
  </GestureHandlerRootView>
</ReanimatedTrueSheet>

[GorbunovV]

Yes, I fixed that as well. But if you use a custom header or footer, you also need to add a GestureHandlerRootView there.

@lodev09
So maybe it's possible to add a props "container" and specify there a GestureHandlerRootView that will wrap the header, footer, and children?

[lodev09]

That is essentially the same with wrapping it on your end, I don't see any advantage of adding a prop for it.