Not Working in Android.

[sukumardv3101]

Here is my code:
<ScrollView
bounces={false}
removeClippedSubviews={true}
style={{alignSelf:'stretch'}}>

<ScrollableTabView
initialPage={0}
onChangeTab={(i,ref) => console.log(i)}>

[sukumardv3101]

Inside ScrollView scrollable tabbar is Not working in android but it was working fine in ios. It was showing all state changes.

[kkotkkio]

+1

[TareqElMasriDev]

+1

[jiyarong]

me too

[basilbai]

me too

[msannikov]

+1

[ak-paca]

+1

[msannikov]

Can be fixed with this pull request #797
@skv-headless is there any chance to get this PR in anytime soon? Thanks!

[kadanes]

I am still facing this issue.

My code:

     <SafeAreaView style={styles.container}>

              <ButtonGroup
                   onPress={(index) => {this.setState({selectedIndex:index})}}
                   selectedIndex={this.state.selectedIndex}
                   buttons={headerButtonNames}
                   buttonStyle={styles.buttonStyle}
                   selectedButtonStyle={styles.selectedButtonStyle}
                   textStyle={styles.buttonTextStyle}
                   selectedTextStyle={styles.selectedButtonTextStyle}
                   containerStyle = {{marginLeft: 0, marginRight: 0}}
               />
               <Text>
                   Called From: {this.props.navigation.getParam('calledFrom', 'No Source') }
               </Text>
               <ScreenName ScreenName={headerButtonNames[this.state.selectedIndex]}/>
               <ScrollableTabView
                       tabBarPosition = "top"
                       tabBarActiveTextColor = {Colors.GrayAccent}
                       scrollWithoutAnimation = {true}
                       tabBarUnderlineStyle = {styles.tabBarUnderline}
                   >
                   <RequestList tabLabel="Sub Requests" />
                   <ResponseTemplate tabLabel="Responses" />
               </ScrollableTabView>
           </SafeAreaView>   

It works well on iOS, but on Android, I get this:

[kadanes]

I am still facing this issue.

My code:

     <SafeAreaView style={styles.container}>

              <ButtonGroup
                   onPress={(index) => {this.setState({selectedIndex:index})}}
                   selectedIndex={this.state.selectedIndex}
                   buttons={headerButtonNames}
                   buttonStyle={styles.buttonStyle}
                   selectedButtonStyle={styles.selectedButtonStyle}
                   textStyle={styles.buttonTextStyle}
                   selectedTextStyle={styles.selectedButtonTextStyle}
                   containerStyle = {{marginLeft: 0, marginRight: 0}}
               />
               <Text>
                   Called From: {this.props.navigation.getParam('calledFrom', 'No Source') }
               </Text>
               <ScreenName ScreenName={headerButtonNames[this.state.selectedIndex]}/>
               <ScrollableTabView
                       tabBarPosition = "top"
                       tabBarActiveTextColor = {Colors.GrayAccent}
                       scrollWithoutAnimation = {true}
                       tabBarUnderlineStyle = {styles.tabBarUnderline}
                   >
                   <RequestList tabLabel="Sub Requests" />
                   <ResponseTemplate tabLabel="Responses" />
               </ScrollableTabView>
           </SafeAreaView>   

It works well on iOS, but on Android, I get this:

Okay it works now with the help of this:

<ScrollableTabView
                        tabBarPosition = "top"
                        tabBarActiveTextColor = {Colors.GrayAccent}
                        scrollWithoutAnimation = {true}
                        tabBarUnderlineStyle = {styles.tabBarUnderline}
                        style={styles.scrollableTabView}
>

                    <RequestList tabLabel="Sub Requests" navigation={this.props.navigation}/>
                    <ResponseTemplate tabLabel="Responses" navigation={this.props.navigation}/>

</ScrollableTabView>

.
.
.

let styles = StyleSheet.create({
    tabBarUnderline: {
        backgroundColor: Colors.GrayAccent
    },
    scrollableTabView: {
        flex: 1,
        width: "100%"
    }
})

Should probably include in the docs.

[HaManhTuan]

Chỉ là thuộc tính: width: '100%' là được