Skip to content

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

@MayankNewput

Description

@MayankNewput

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>
    )
  }

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions