Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

After the RN update, the bottom sheet is not displaying correctly on iOS. The background blurs, but the sheet doesn't open. #196

Open
MayankNewput opened this issue Jan 9, 2025 · 0 comments

Comments

@MayankNewput
Copy link

MayankNewput commented Jan 9, 2025

After updating React Native from version 0.71.0 to 0.76.1 which enabled the new architecture, the bottom sheet occasionally fails to open properly, even though the background gets blurred.

Simulator Screenshot - iPhone 15 - 2025-01-09 at 15 26 17

Package.json:
"react": "18.3.1",
"react-native": "0.76.1",
"react-native-raw-bottom-sheet": "^3.0.0"

React-native code:

render() {
    return (
      <RBSheet
        customStyles={{
          container: {
            borderRadius: 18
          }
        }}
        onClose={this.closeBottomSheet}
        ref={(ref) => this.bottomSheetModalRef = ref}
        height={this.sheetHeight}
        closeOnPressBack={true}
        closeOnDragDown={true}
        closeOnPressMask={true}>
        <View style={{ flex: 1 }}>
          <Text style={[this.context.h1, styles.titleStyle]}>{this.sheetTitle}</Text>
          <Text style={[this.context.p, styles.titleStyle, styles.subTitleView]}>{this.sheetSubTitle}</Text>
          <FlatList
            style={styles.flatListStyle}
            numColumns={4}
            showsVerticalScrollIndicator={false}
            showsHorizontalScrollIndicator={false}
            data={this.shareItemsList}
            renderItem={(item) => this.renderItem(item)}
            keyExtractor={(item, id) => '' + id}
          />
        </View>
        {this.state.showLoadingIndicator && <LoadingIndicator />}
      </RBSheet>
    )
  }
@MayankNewput MayankNewput changed the title The actionSheet is not displaying correctly on iOS. It blurs the background but fails to open. The bottom sheet is not displaying correctly on iOS. The background blurs, but the sheet fails to open. Jan 9, 2025
@MayankNewput MayankNewput changed the title The bottom sheet is not displaying correctly on iOS. The background blurs, but the sheet fails to open. After the RN update, the bottom sheet is not displaying correctly on iOS. The background blurs, but the sheet doesn't open. Jan 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant