У меня есть TabNavigator внутри ScrollView, он отлично работает в IOS, но не в Android. Содержимое TAB не отображается, и нажатие на вкладки не работает.
см. рабочий пример по ссылке ниже.
Пробовал ：
- Предоставление ScrollView добавить flex: 1, или высота.
Чтобы добавить вкладку, добавьте flex: 1 или height.
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<TabNavigator/>
<Text style={styles.paragraph}>
Change code in the editor and watch it change on your phone!
Save to get a shareable url.
</Text>
<View>
<AssetExample/>
</View>
<ScrollView style={{height: 500}}>
<TabNavigator/>
</ScrollView>
</View>
);
}
}
const TabNavigator = createMaterialTopTabNavigator({
TabOne: Tab1,
TabTwo: Tab2,
}, {
tabBarOptions: {
activeTintColor: '#5B71F9',
inactiveTintColor: '#888888',
showIcon: false,
labelStyle: {
fontSize: 14
},
style: {
backgroundColor: '#fff',
shadowColor: '#fff',
shadowOffset: {
width: 0,
height: 0,
},
shadowOpacity: 0,
shadowRadius: 0,
elevation: 0,
height: 47,
borderBottomWidth: 1,
borderBottomColor: '#E8E8E8'
},
indicatorStyle: {
height: 2,
backgroundColor: '#5B71F9'
}
}
});
пример ： https://snack.expo.io/@15101668168/joyous-tortilla