React Native - TabNavigator在Android中的ScrollView中不起作用

Question

我在ScrollView中有一个TabNavigator，它在ios中工作正常，但在android中却没有。 TAB内容不可见，单击选项卡不起作用。请参阅以下链接上的工作示例。

尝试过：

1. 给ScrollView添加flex：1或height。
2. 给标签添加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'
       }
     }
   });

例如：https://snack.expo.io/@15101668168/joyous-tortilla

Answer 1

这是预期的行为：

ios下和android下的scrollview TabNavigator的内容可以正常工作。通过滚动和滚动页面来创建材料TopTabNavigator，而不是TAB窗格滚动。

例如：Example

参考：Reference for the answer