kedar09 / react-native-easy-bottomsheet

Fully customizable BottomSheet for React Native
https://www.npmjs.com/package/react-native-easy-bottomsheet
2 stars 0 forks source link

BottomSheet iOS showing small bottom padding #1

Open patilmahantesh67 opened 1 year ago

patilmahantesh67 commented 1 year ago

I am using https://www.npmjs.com/package/react-native-easy-bottomsheet with latest version - 1.0.11 Currently the bottomsheet fit exactly to my requirement and since I do not have to install reanimated2 it solves lot of problem for me,

In iOS there is a wiered small padding which does not come in android, kindly help

globemediaofficial commented 1 year ago

I just had the same issue. Between adding position: "absolute" and top: 0, it was fixed.

<View style={{ position: "absolute" }}>
        <BottomSheet
          bottomSheetTitle={"Example"}
          bottomSheetIconColor="black"
          bottomSheetStyle={{
            backgroundColor: "white",
            height: Dimensions.get("window").height * 0.95,
            position: "absolute",
            borderColor: "grey",
            borderWidth: 1,
            bottom: 0,
            left: 0,
            right: 0,
          }}
          bottomSheetTitleStyle={{ color: "black", fontSize: 25 }}
          onRequestClose={() => setModalVisible(!modalVisible)}
          bottomSheetVisible={modalVisible}
        ></BottomSheet>
      </View>