Display Scrollable Grid view in RkTabView component about react-native-ui-kitten

[sergey-kozel]

Hi, @userrails,

Indeed, there is a problem in our framework v2.0.1

The content of RkTabView is wrapped into <View> and it doesn't contain any styles. And you got the following structure:

<View>
  <ScrollView>
    ...your content
  </ScrollView>
</View>

The problem is ScrollView required bounded height. But it doesn't have. This was already fixed in dev branch and we are going to make a release soon. There this internal View will have flex:1 by default and will be available for styling through contentContainer component.

Unfortunately, right now there are no easy ways to resolve this issue. You can wrap your ScrollView into other View with fixed height. Or you can fix that problem View in sources of RkTabView:

337: <View style={{flex:1}}>
338:   {tabs[this.state.index]}
339: </View>

But of course, I don't know how you use the framework and which option will be acceptable for you.

Sorry for the inconvenience!