使用FlatList对原生ScrollView进行反应

文章/答案/技术大牛

发布

2回答

javascript、android、react-native

我的主要组件视图是一个ScrollView，它有许多视图和一个呈现平面列表的组件。问题是我想要向下滚动屏幕，当它到达末尾时，哪里是平面列表，开始滚动平面列表。我如何才能做到这一点？我有这样的东西： <View style={{flex:1}}> <View>Text> <Ev

浏览 13提问于2017-08-22得票数 2

1回答

如何在react原生的ScrollView中使FlatList可滚动？

react-native、react-native-flatlist、react-native-scrollview

我想在ScrollView组件中创建一个FlatList，但一直收到错误消息"VirtualizedLists永远不应该嵌套在具有相同方向的普通ScrollViews中，因为它会破坏窗口和其他功能--请使用另一个由这是尝试将FlatList放入ScrollView的最好方法，还是有更好的方法？onStartShouldSetResponderCapture={() => { }}> <

浏览 6提问于2021-06-25得票数 0

2回答

水平FlatList在ScrollView中不滚动

android、react-native

我有一个屏幕，在一个FlatLists中有许多水平的ScrollView，结构如下所示： <View> </View> <FlatList horizontal={true} .../> <View> <Fla

浏览 9提问于2019-10-16得票数 1

3回答

FlatList Vs ScrollView

react-native

在react原生中，FlatList和ScrollView的结构有什么不同？对于应用程序中的滚动视图，它们似乎是相等的，但是ScrollView非常简单，而不是FlatList，那么当我们必须在代码中使用FlatList时呢？

浏览 3提问于2019-03-20得票数 35

回答已采纳

1回答

如何加快本机应用程序的启动时间

reactjs、performance

我正在开发的新闻应用程序使用的是react本机，我的问题是应用程序的启动或启动时间很慢(在主屏幕显示之前)，我希望您能给我建议，改进speed.It需要3到4秒左右的时间才能在我的手机上开始加载。"react-native": "0.62.0", "react-native-optimized-flatlistAsyncStorage, Linking ,Share, V

浏览 2提问于2020-05-01得票数 1

回答已采纳

4回答

React-Native: Modal中的平面列表无法滚动

javascript、react-native、react-native-flatlist

在本例中，它是一个平面列表请帮帮我！overflow: 'hidden' > <FlatList

浏览 0提问于2018-05-25得票数 2

1回答

React Native:如何使用不同的键从JSON中获取数据并进行显示？

javascript、json、react-native、react-native-android

我是第一次接触react-native和JavaScript。我的JSON看起来像这样："CA9412":{"id":"CA9412","score":40,"status":"FAILED"}, "GG1921":{"id":"GG1921"

浏览 11提问于2020-03-08得票数 0

1回答

ScrollViews和FlatList不一起工作

javascript、react-native

我有和index.js //...{selected === 1 && <Component1 />} </ScrollView> 现在在我的Component2<CustomFlatList d

浏览 24提问于2022-03-17得票数 0

7回答

FlatList‘t不滚动

react-native

我在一个FlatList中设置了4个maxHeight设置为200的ScrollView。<ScrollView> <FlatList/> <FlatList/>当我尝试滚动一个FlatList时，它不是滚动，而是

浏览 2提问于2018-06-29得票数 47

回答已采纳

1回答

VirtualizedList不应嵌套在React本机的普通滚动视图中。

javascript、reactjs、react-native

他们中的大多数建议不要将其嵌套在ScrollView中，而是使用SafeAreaView或其他方法。但我的问题有点不同。<Header><ScrollView> <FlatList>我所做的一切。与web开发不同的是，当视图的高度增加

浏览 1提问于2021-01-12得票数 1

4回答

React本机平面列表拉出以刷新未显示

javascript、react-native、react-native-flatlist

我们需要使用刷新控制吗？环境反应-原生: 0.52.0class ListSwipe extends Component { <Spinn

浏览 1提问于2018-03-27得票数 3

回答已采纳

1回答

如何在FlatList中虚拟化FlatList* (RN )？*

react-native、react-native-flatlist、react-native-web、flatlist

如何说服垂直在另一个垂直(非虚拟化) FlatList中正确地虚拟化？import { FlatList, Text, useWindowDimensions, View } fromdata={bigL

浏览 8提问于2022-02-17得票数 0

1回答

反应本机错误- VirtualizedLists不应嵌套在普通ScrollViews中

react-native、react-native-maps、react-google-places-autocomplete

我正在开发一个react原生应用程序，我必须将GooglePlacesAutocomplete放在Scrollview.This中，如下代码所示。<ScrollView style={{flex: 1}> minLength={2} }} returnkeyType={'

浏览 8提问于2022-10-05得票数 0

1回答

React Native Scrollview没有滚动结束选项

react-native

我正面临着一些scrollview的问题(我想用scrollview加载更多的功能)，我已经用react native编写了设计代码。现在我读到react原生滚动视图没有滚动结束事件，但他们推荐使用FlatList。如果我使用FlatList，我的设计就不能顺利工作。请帮帮我。非常感谢。

浏览 3提问于2020-08-31得票数 0

14回答

错误- VirtualizedLists不应嵌套在具有相同方向的普通ScrollViews中。

react-native

我正在开发一个react原生应用程序，我必须在Scrollview中放置一个对象列表，所以我使用FlatList组件来实现它。这是生成错误的代码段： Other components style=index.toString()} renderItem={({ item, index}) => (somethings)}

浏览 33提问于2021-05-20得票数 49

1回答

如何在平面表/ ModalFlatlist中添加固定页脚

reactjs、react-native

我用这个词：我使用一个情态词库，我有这样的代码： <Modalize

浏览 3提问于2022-04-27得票数 0

6回答

反应-本机: FlatList* onRefresh没有被拉上来。*

react-native、react-native-flatlist

that.props.dispatch(StoryActions.setStories(res.data)) } return ( <FlatList refreshing={this.state.isFetchingrenderItem={({item}) => (<StoryFeed story={it

浏览 12提问于2017-06-27得票数 17

回答已采纳

1回答

在react中，本机是列表还是ScrollView更好？

react-native

我正在开发一个类似聊天的应用程序，我已经看到了使用ListView和ScrollView的例子。这两种方法的优点是什么？我需要呈现不同的外观项目通过聊天(输入与响应或文本与图像)。

浏览 1提问于2017-05-25得票数 11

回答已采纳

3回答

React-Native : ScrollView不显示完整内容

javascript、reactjs、react-native、scrollview

我正在使用React-Native构建一个应用程序，对于我的主页，我使用ScrollView，但它没有显示完整的内容。我在顶部有一个标题，所以可能会阻止完整的内容，或者我不知道。代码： import React from "react";importdrawerLabel };return ( <View s

浏览 11提问于2019-09-15得票数 0

1回答

如何显示存储在防火墙中的内容？

reactjs、react-native、mobile

catch((error) => { });}; <View style={styles.flex_1}> <ScrollView(如果您需要完整的文件，请进行注释)

浏览 3提问于2022-08-20得票数 1

点击加载更多