React native 无法滚动选项卡ViewAnimated view
我正在使用三个场景中的TabViewAnimatedfromReact原生选项卡视图。加载时,它会显示子场景的滚动条,但很快就会消失,并显示不滚动的TabViewAnimated滚动条 我的渲染功能如下所示: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
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()}
/>
我错过了什么