我在ScrollView中有一个TabNavigator,它在ios中工作正常,但在android中却不能。 TAB内容不可见,单击选项卡不起作用。
请参阅下面的链接上的工作示例。
尝试过:
给ScrollView添加flex:1或height。
给制表符添加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
最佳答案
这是预期的行为:
ios和android下的scrollview TabNavigator的内容可以正常工作。
通过滚动页面,而不是滚动TAB窗格来创建Material TopTabNavigator。
示例:Example
参考:Reference for the answer