not scroll in scrollview tag

[Mrezagolbaba]

i want to use react-native-scrollable-tab-view for tab navigation in my code and i use Scrollview for scroll in but not working.

return( <ScrollView contentContainerStyle={{flex: 1}} > {this.renderHeader()} <View style={styles.baner}/> <View style={{flex: 1}}> <ScrollableTabView initialPage={2} tabBarBackgroundColor={them.white} tabBarActiveTextColor={them.black} tabBarInactiveTextColor={them.borderColor} tabBarUnderlineStyle={{backgroundColor:them.green}} > <MyRequest name='tab1' tabLabel='درخواستهای من' /> <Requests name='tab2' tabLabel='درخواست‌ها' /> < Suggestion name='tab3' tabLabel='پیشنهادها' /> <Message name=' tab4' tabLabel='پیام ها' /> </ScrollableTabView> </View> </ScrollView> )

[malonguwa]

@Mrezagolbaba are you using this lib in RN 0.58? after the ScrollView breaking change?

[Mrezagolbaba]

@malonguwa im using react native 0.57.8

[andyr6381]

@malonguwa does this module not work with 0.58 since the breaking change? initially I couldn't get it to work on 0.58.4 but I've nested the tab content in a RN scrollview and seems to be working..

        <ScrollableTabView>
          <ScrollableTabBar/>
        <View tabLabel="%NAME%">
          <ScrollView>
            <Component />
          </ScrollView>
        </View>
      </ScrollableTabView>

[raghavendramogeraya]

Using RN 56.0, same problem. Not able to scroll in RTL(when the contents are more)

[bbeckk]

"react-native": "0.59.2", same problem. The contents inside the tab are not visible as well.

  render() {
    return (
      <ScrollView>
        <View style={{ flex: 1 }}>
          <Text>abc</Text>
          <View style={{width: 200, height: 300, backgroundColor: 'blue' }}/>
          <ScrollableTabView locked scrollWithoutAnimation>
            <Home tabLabel='Home'/>
            <Text tabLabel='Tab #1'>My</Text>
            <Text tabLabel='Tab #2'>favorite</Text>
          </ScrollableTabView>
        </View>
      </ScrollView>
    );
  }

[dinhtu0802]

"react-native": "0.59.2", same problem. The contents inside the tab are not visible as well.

  render() {
    return (
      <ScrollView>
        <View style={{ flex: 1 }}>
          <Text>abc</Text>
          <View style={{width: 200, height: 300, backgroundColor: 'blue' }}/>
          <ScrollableTabView locked scrollWithoutAnimation>
            <Home tabLabel='Home'/>
            <Text tabLabel='Tab #1'>My</Text>
            <Text tabLabel='Tab #2'>favorite</Text>
          </ScrollableTabView>
        </View>
      </ScrollView>
    );
  }

Same problem. U can fix it?

[wublack]

Me too

[vantb9x]

Me too. I meet issue on ios. On android everything is ok

[bear-junior]

Hi guys, you should use react-native-nested-scroll-view library and replace ScrollView by NestedScrollView from this package in ScrollableTabBar, you have to rewrite ScrollableTabView as well and remove all declarations for Android, so every declaration for iOS is correct for Android now. You can do this with patch-package for example or wait for fix from contributors 💃

[liu-miao-miao]

same problme, the ScrollableTabView can`t inside the ScrollView, it will lose height, so anyone fixed it?

[naiduasn]

any fix for the above?

[jxintang]

any news?

[Josin22]

RN 0.61.2, it can't scroll the ScrollableTabView inside the ScrollView!!!!

[Josin22]

I found a solution that ScrollableTabView replaces ScrollView, which means ScrollableTabView inside ScrollableTabView, its can be scroll.