我在ScrollView中有一个TabNavigator，它在ios中工作正常，但在android中却不能。 TAB内容不可见，单击选项卡不起作用。 参见下面链接上的工作示例。
尝试过：
提供标签可添加flex：1或高度。
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'
}
}
});
答案 0 :(得分：0)
这是预期的行为：
ios和android下的scrollview TabNavigator的内容可以正常工作。 通过滚动页面而不是使用TAB窗格滚动来创建Material TopTabNavigator。
示例： Example