[fixed ]Does not render anything in RN 59.5 for both iOS and Android :(

I’m using the latest version as of today alpha.8 and react-native 59.5 and the exact same code I had before the upgrade now does not render anything anymore on both iOS and Android 😢 😭

I get no errors or warnings 😮

I’ve tried all released alpha versions 3,4,5,6,7,8.

Has anyone got this library working with the latest react-native 59.5?

I’ve changed the BottomSheet to just use defaults for everything and still can’t get it to render anything. I’m using it just like this:

<BottomSheet
          snapPoints={[
            100,
            200,
          ]}
          initialSnap={1}
          renderContent={() =>
            <View><Text>Hello Header!</Text></View>
          }
          renderHeader={() => <View><Text>Hello Content!</Text></View>}
        />

I can’t provide a link because expo doesn’t use latest RN 59.5 atm.

React Native Environment Info:
    System:
      OS: macOS 10.14.4
      CPU: x64 Intel(R) Core(TM) i7-7820HQ CPU @ 2.90GHz
      Memory: 1018.41 MB / 16.00 GB
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 8.12.0 - ~/.nvm/versions/node/v8.12.0/bin/node
      Yarn: 1.6.0 - /usr/local/bin/yarn
      npm: 6.4.1 - ~/.nvm/versions/node/v8.12.0/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 12.2, macOS 10.14, tvOS 12.2, watchOS 5.2
      Android SDK:
        Build Tools: 26.0.3, 27.0.3, 28.0.2, 28.0.3
        API Levels: 21, 22, 23, 24, 25, 26, 27, 28
    IDEs:
      Android Studio: 3.1 AI-173.4907809
      Xcode: 10.2.1/10E1001 - /usr/bin/xcodebuild
    npmPackages:
      react: 16.8.3 => 16.8.3
      react-native: 0.59.5 => 0.59.5
    npmGlobalPackages:
      react-native-log-ios: 1.0.1

Send help plz 👍 🙏

[m1kys]

I can repro this issue by @Eyesonly88 comment.

I can fix this by next code:

<React.Fragment> <View style={{flex: 1}}> ...screen content here </View> <BottomSheet ...content for BottomSheet /> </React.Fragment>

It’s seem that BottomSheet do not support View wrap (@satya164).

[dac09]

Hi, just wanted to drop a line here for anyone experiencing invisible elements when using DraggableFlatlist inside the bottom sheet. The solution is simple (after a while of trying!) - to wrap the DraggableFlatlist with a view, and give it 100% height.

// Component part of renderContent for bottom sheet
    <View style={{height: '100%'}}>
      <DraggableFlatList
        keyExtractor={item => `${item.id}-draggable`}
        data={places}
        renderItem={({ item, drag }) => (
          <MyCustomComponent
            key={item.id}
            drag={drag}
            place={item}
          />
        )}
      />
    </View>