React Native 滚动视图和平面列表覆盖加载视图

3z6pesqy  于 2023-03-03  发布在  React
关注(0)|答案(1)|浏览(139)

我在scrollview中有一个平面列表,它工作得很好,但是都在加载视图中,所以我在第一次加载时得到了一个空白视图,其中包含了第一次加载时的两个视图。
我没发现任何问题。

<ScrollView style={{ backgroundColor: 'white', padding: scale(5) }} contentContainerStyle={{}}
            // scrollEventThrottle={this.onScroll}
            >
                <FlatList style={{ transform: [{ scaleX: -1 }], borderBottomWidth:1, borderBottomColor: '#eee'}} contentContainerStyle={{ justifyContent: 'center', paddingBottom: !dataFollowing ? scale(40) : scale(20), alignItems: 'flex-start', backgroundColor: 'white', paddingHorizontal: scale(10) }} horizontal data={allData}
                    showsHorizontalScrollIndicator={false}
                    showsVerticalScrollIndicator={false}
                    ListHeaderComponent={
                        <TouchableOpacity onPress={() => {
                            this.props.navigation.navigate('Search');
                        }}>
</FlatList></ScrollView>

基本上我看到了scrollview over loading

rt4zxlrg

rt4zxlrg1#

根据我的工作经验,我发现没有必要使用ScrollView,因为FlatList是可滚动的。如果你在ScrollView中使用FlatList,那么它会抛出一些警告。
这也发生了同样的我,而使用加载程序与他们,所以尝试:创建一个状态并给予布尔值,在渲染中你将创建一个临时条件(?:)。

例如数据来自API,所以如果数据未提取,isLoading状态为true,Loader正在运行,一旦数据提取,setState isLoading为false,Flatlist数据正在呈现。如果不清楚或与您的问题不匹配,请尝试详细说明,我肯定会帮助您。

相关问题