我在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
1条答案
按热度按时间rt4zxlrg1#
根据我的工作经验,我发现没有必要使用ScrollView,因为FlatList是可滚动的。如果你在ScrollView中使用FlatList,那么它会抛出一些警告。
这也发生了同样的我,而使用加载程序与他们,所以尝试:创建一个状态并给予布尔值,在渲染中你将创建一个临时条件(?:)。
例如数据来自API,所以如果数据未提取,isLoading状态为true,Loader正在运行,一旦数据提取,setState isLoading为false,Flatlist数据正在呈现。如果不清楚或与您的问题不匹配,请尝试详细说明,我肯定会帮助您。