React原生FlatList呈现

文章/答案/技术大牛

发布

2回答

reactjs、react-native

<code>B0</code>下面是我的API fetch函数=>这是我的flatList =>下面是呈现项函数=> <code

浏览 12提问于2020-08-04得票数 2

回答已采纳

2回答

如何在某些数据部分之后将分隔符添加到FlatList中？

ios、react-native、react-native-flatlist

在呈现一些数据后，如何在React中添加分隔符-原生FlatList？<FlatList keyExtractor={keyExtractor} fetchNext=

浏览 3提问于2019-05-16得票数 0

回答已采纳

2回答

如何创建FlatList

javascript、reactjs、react-native、react-hooks

我想创建一个FlatList、网格列表或numColum={3}视图 return <Text key={item.id

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

回答已采纳

1回答

React-Native (FlatList)：如何知道可见项的呈现何时完成

javascript、react-native、react-native-flatlist

当在react原生中使用FlatList组件时，我需要知道所有可见项何时都已呈现。我提供了data和renderItem，当我获得componentDidMount时，我可以在那里看到FlatList，但因为FlatList组件异步呈现每个项目，所以它们只在componentDidUpdate我想知道是否有人已经找到了一种可能的方法，让受控进程(而不是setTimeout)知道可见项何时完全呈现。谢谢。

浏览 10提问于2020-02-13得票数 6

1回答

react-native扁平列表在元素更新时不会重新呈现吗？

reactjs、react-native、redux、react-native-flatlist

所以我读到react原生FlatList是一个PureComponent，所以它不会自动重新呈现。但是，当删除或添加元素时(因此当数组长度发生变化时)，当前的FlatList会重新呈现，但是如果我试图在不更改长度的情况下更改数据数组中的元素，则FlatList不会重新呈现。有没有办法做到这一点？

浏览 0提问于2018-11-13得票数 1

1回答

按下项目时重新呈现平面列表数据

react-native、react-native-flatlist、flatlist

我使用react原生平面列表来呈现我的数据。当一个项目在flatlist中被按下时，我想在flatlist中重新呈现数据。如何做到这一点？TouchableOpacity/> }; item.isShow = 1; k

浏览 27提问于2021-07-27得票数 1

回答已采纳

6回答

使用FlatList在屏幕中心使用ListHeaderComponent显示列表空消息

javascript、react-native

我使用的是React原生版本0.43.0，它不支持ListEmptyComponent of FlatList。因此，当列表为空时，我使用ListHeaderComponent来呈现视图，import { Text, View,StyleSheet,FlatList } from 'react-native'; class A

浏览 8提问于2017-12-04得票数 33

3回答

FlatList与map react-native

javascript、reactjs、react-native、ecmascript-6

我最近开始使用react-native，并且偶然发现了FlatList组件。在使用react时，我总是使用带数组的map。我使用的是FlatList，但当我想要更改FlatList中项目的flex-direction时出现了问题，所以我又使用了map。{ <UsersImage key={ image } source={{ uri: image }} /> })FlatList&

浏览 2提问于2018-01-05得票数 19

回答已采纳

1回答

哪一个是最好的反应原生FlatList或Flipkart回收器列表视图？

react-native

我正在使用react native创建一个预订应用程序，其中我必须显示多个列表。谁能告诉我哪一个最好用，原生FlatList还是Flipkart回收器列表视图？React原生FlatList:：https://facebook.github.io/react-native/docs/flatlist Flipkart回收器列表视图:：https://github.com

浏览 20提问于2019-12-27得票数 5

1回答

react本机平面列表未呈现

reactjs、react-native、react-navigation

我一直在尝试使用原生react，但我无法让我的FlatList正确呈现。这是组件。如果重要的话，我将使用react-navigation来呈现这个组件。class FactoryScreen extends React.Component { title: 'test test',const { goBack } = this.props.navigation; retur

浏览 3提问于2017-07-13得票数 1

1回答

限制React Native Flatlist中的折叠内容

javascript、reactjs、react-native、react-native-flatlist

我想限制在FlatList中呈现的项目的初始数量。在FlatList中，我使用的是Accordion。当我打开FlatList时，它显示了许多手风琴，尽管我确实有一个带有两个标题的手风琴。我正在使用react原生.This是我的手风琴内容：{ content: 'First World',{title: 'Second', c

浏览 25提问于2019-11-01得票数 1

1回答

如何在react原生中呈现json对象中的所有项？

react-native、jsx

我需要在react原生视图中呈现json对象中的所有项，但其中一些项不在数组中，也不是单个项。"css": "CSS", "react_native": "REACT NATIVE" }

浏览 15提问于2019-04-10得票数 1

回答已采纳

3回答

React Native: Lodash贴图

react-native、lodash

我是react原生的新手，我想让数据函数进入视图。我的函数如下所示 <FlatList onEndReached<Text key={index}>{leads.full_name}</Text> })} </FlatListstyle={{flexDire

浏览 0提问于2018-11-21得票数 0

1回答

如何通过onpress按钮从函数调用返回值？

javascript、reactjs、button、native、onpress

我是javascript家族的新手，我正在用react原生语言编写一个小程序。我正在尝试SampleFunction2返回人口普查，并在平面表上呈现它时，按钮onpress发生。谢谢 import { StyleSheet, FlatList,TouchableOpacity,Text, ListView,View, Button, Alert } from

浏览 33提问于2019-03-27得票数 0

回答已采纳

1回答

如何在react native中推送FlatList中的TextInput？

react-native、react-native-flatlist

我想学习在react原生中使用FlatList，但是我不知道如何在数据中推送元素( FlatList数组)。有人能帮帮我吗？下面是我的react原生代码：import { FlatList, StyleSheet, Text, Button,View ,TextInput} from 'react-na

浏览 8提问于2017-08-03得票数 0

2回答

如何在react-native中刷新扁平列表上的特定行？

react-native、react-native-android、react-native-ios、react-native-flatlist

可以刷新react-native视图中的特定行吗？例如，我在<View/>中嵌套的一行中显示图像。

浏览 0提问于2019-03-25得票数 2

1回答

如何在React-Native中创建水平循环视图？

javascript、reactjs、react-native

我有一个必须从API获取的问题列表，我希望每次呈现一个问题，这样当我按下三个按钮(是、否、可能)中的一个按钮时，就会呈现下一个问题。例如。Recycle View 这就是我想让它看起来的样子，我试着使用react-native-recycler view-list，但它不起作用。我如何制作这样的列表？

浏览 33提问于2019-09-19得票数 0

1回答