React native 无法滚动选项卡ViewAnimated view

React native 无法滚动选项卡ViewAnimated view,react-native,react-native-tab-view,React Native,React Native Tab View,我正在使用三个场景中的TabViewAnimatedfromReact原生选项卡视图。加载时,它会显示子场景的滚动条,但很快就会消失,并显示不滚动的TabViewAnimated滚动条 我的渲染功能如下所示: render() { return ( <View style={{backgroundColor: "#fff"}}> <StickyHeaderFooterScrollView makeScrollable={true} render

我正在使用三个场景中的TabViewAnimatedfromReact原生选项卡视图。加载时,它会显示子场景的滚动条,但很快就会消失,并显示不滚动的TabViewAnimated滚动条

我的渲染功能如下所示:

render() {
  return (
    <View style={{backgroundColor: "#fff"}}>
    <StickyHeaderFooterScrollView makeScrollable={true} 
      renderStickyHeader={() => (
        <View>
          <Text> My Title </Text>
        </View>
      )}
    >
      <View style={{backgroundColor: "#fff", height: Dimensions.get('window').height, flex: 1}}>
        <TabViewAnimated
          navigationState={this.state}
          renderScene={this._renderScene}
          animationEnabled={true}
          swipeEnabled={true}
          renderHeader={this._renderHeader}
          onIndexChange={index => this.setState({ index })}
          initialLayout={initialLayout}
        />
      </View>
    </StickyHeaderFooterScrollView>
  </View>
  );
}
render(){
返回(
(
我的头衔
)}
>
this.setState({index})}
initialLayout={initialLayout}
/>
);
}
初始布局值: 常量初始布局={ 高度:0,, 宽度:尺寸。获取('窗口')。宽度, };

_renderScene函数是

renderScene = ({ route }) => {
  let auth = this.props.navigation.state.params.auth;
  switch (route.key) {
    case 'tab1':
      return <Tabs1 />;
    case 'tab2':
      return <Tab2 />;
    case 'tab3':
      return <Tab3 />;
    default:
      return null;
  }
};
renderScene=({route})=>{
让auth=this.props.navigation.state.params.auth;
道岔(进路钥匙){
案例“表1”:
返回;
案例“表2”:
返回;
案例“表3”:
返回;
违约:
返回null;
}
};
子场景选项卡可能是这样的

<View style={{flex: 1, backgroundColor:"#EEE"}}>
  <View style={{margin:'3%'}}>
    <FlatList
      vertical
      data={data}
      renderItem={({ item: rowData }) => {
        return (
          <View >
            <View style={{width: "20%"}}>
              <Image source={{uri: rowData.photo}} />
            </View>
            <View style={{width: "60%"}}>
              <Text> {rowData.name} </Text>
            </View>
            <View style={{width: "20%"}}>
              <Text> {rowData.mail} </Text>
            </View>
          </View>
        );
      }}
      showsHorizontalScrollIndicator={false}
      keyExtractor={(item, index) => index.toString()}
    /> 
  </View>
</View>

{
返回(
{rowData.name}
{rowData.mail}
);
}}
showshorizontalscrolindicator={false}
keyExtractor={(项,索引)=>index.toString()}
/> 
我错过了什么