小编Aha*_*sky的帖子

React native ScrollView在条件上禁用一个方向

是否可以只向一个方向滚动?我有一个功能,可以检测用户滚动的方向.

但我无法弄清楚如何设置一个标志,如果用户没有回答问题,它将不允许他向右滚动?

谢谢

react-native react-native-scrollview react-native-android react-native-ios

13
推荐指数
1
解决办法
628
查看次数

以相同的方向反应嵌套在FlatList内的本机FlatList

我无法创建以相同方向嵌套在FlatList内的FlatList;

结果是父级是水平的,而子级是垂直的;

这是我的代码:

renderSlides(question) {
                return <View key={question.item.code}
                             style={{flex: 1,width:350}}>
                    <FlatList
                        ref='scrollPick'
                        data={[{k:'A'},{k:'b'},{k:'c'}}]}
                        horizontal={true}
                        renderItem={(rate)=>{return (
                            <View >
                                <Text>{rate.item.k}</Text>
                            </View>);}}
                        keyExtractor={ (item, index) => index}
                    />
                </View>;

            }


render() {
        return (
            <View style={CONTAINERS.MAIN_COLUMN_BLUE}>
                <View style={[NAV.CONTAINER_GENERAL, NAV.CONTAINER_ASSESSMENT, {flex: 1}]}>
                    <TopBar barType="ex" title={I18n.t('assessment.title')} navigator={this.props.navigator}
                            closeFunction={this.handleClose}></TopBar>
                </View>
                <FlatList
                    ref={(ref) => { this.flatListRef = ref; }}
                    horizontal={true}
                    data={[{k:'1'},{k:'2'},{k:'3'},{k:'4'},{k:'5'},{k:'6'},{k:'q'}]}
                    renderItem={this.renderSlides}
                    keyExtractor={(item, index) => index}
                    horizontal={true}
                    getItemLayout={this.getItemLayout}
                    contentContainerStyle={{ flexGrow: 1}}
                />
            </View>
        );
    }
}
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

有人遇到过同样的问题吗? (而且我不能使用scrollView)

react-native react-native-scrollview react-native-android react-native-ios react-native-flatlist

6
推荐指数
1
解决办法
4413
查看次数