Safe view area for modal view

[hyhypepe]

I can't wrap Modal component by SafeAreaView to handle layout properly in iOS device. Have anyone ever faced this issue? Please support me. Thank you

[steveyu2]

+1

[riosjr]

any news on that?

[lklima]

I fixed this issue with https://github.com/miyabi/react-native-safe-area library, setting bottom on modal style:

`SafeArea.getSafeAreaInsetsForRootView().then((result) => {
    const bottom = Platform.OS === 'ios' ? result.safeAreaInsets.bottom : 0;
    this.setState({ bottom });
  });`

and:

     `<Modal
        style={[styles.modalContainer, { bottom }]}
        isOpen={isOpen}
        position="bottom"
        backButtonClose={false}
        backdrop={false}
        swipeToClose={false}
      >
        <Text style={styles.modalText}>
          {sdText}, {userName}
        </Text>`

Hope this helps!