问题标签 [react-native-flatlist]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
790 浏览

react-native - 如何在 FatList 中将位置项设置为右侧

我想像这样从右到左显示 FlatList 中的项目:

在此处输入图像描述

我在文档中找不到类似的东西。请问有什么帮助吗?

0 投票
1 回答
1380 浏览

javascript - 如何从 FlatList 中选择项目?

我想使用 FlatList 选择项目,例如当您在照片库中选择多张照片时(在这种情况下,我使用的是具有 2 行的平面列表,如 2x10 的网格)。我想使用 onLongPress 选择(例如)3 个项目。

像这样的东西,但有 2 行。

在此处输入图像描述

0 投票
1 回答
1186 浏览

react-native - React Native 在 ListView 上实现 JSON 数据

我在 ListView 中实现 API 数据时遇到问题。我使用 Axios 获取 JSON。

减速器。我将费率数据添加到数组中

这是组件

问题是我可以使用 console.log(this.props); 查看道具数据; 在此处输入图像描述 我花了 3 天以上的时间来弄清楚为什么这不起作用。我尝试使用 map() 添加, renderRow(rate) { return rate.map((data) => { return <ListItem rate={data} /> }; 但它不起作用。所有国家代码都在一个对象中,我需要用逗号分隔数据吗?感谢您的帮助。谢谢

更新 所以我正在尝试使用 ListView 来实现 FlatList。问题出在 JSON 数据上。在此处输入图像描述。我想将 CountryCurrencyCode(AUD, JPN, etc..) 的键实现到 FlatList。由于rates 是对象中的一个对象,我将rates 对象添加到一个数组(reducer)中。但是this.props.rates[0]不能在 FlatList 的数据属性上实现。我可以尝试什么样的方法?我什么都想不出来。当费率是对象时,我可以使用 map() 打印出密钥,然后我无法在 FlatList 上实现它。

0 投票
5 回答
47984 浏览

javascript - 反应平面列表渲染项

我以前在 JS 中看到过这种语法,我只是好奇它是如何工作的。在 FlatList 的React Native Docs 中,一个示例调用了 renderItem。this._renderItem 如何知道它正在使用的单个列表项?看起来项目正在被解构,但来自什么对象?

换句话说:在 FlatList 中,进行相同调用的另一种方法可能是:

renderItem 是一些特殊的道具,其中 {item} 将始终是解构的 arg 吗?

0 投票
2 回答
4296 浏览

reactjs - React Native Flatlist - 每个孩子都必须有“关键”道具

我有几个简单的 FlatLists,每个都显示部门和商店的自定义列表项。我得到每个孩子都应该有一个唯一的“关键”道具的错误,但我已经定义了一个keyExtractor并尝试将一个key道具添加到自定义列表行组件。IE

为什么我仍然收到警告,我做错了什么?keyExtractor 方法在我的其他 FlatLists 上运行良好。当然,使用的 ID 是唯一的

0 投票
1 回答
9920 浏览

react-native - 如何使 React Native 列表仅从底部反弹?

我使用 FlatList 和随后的 ListHeaderComponent 作为我屏幕的根组件。我不希望它的顶部在滚动时弹跳,但我想保持底部弹跳以达到 UX'n'feel 的目的,因为 FlatList 支持无限滚动。任何想法如何?

0 投票
1 回答
1945 浏览

react-native - How to push TextInput in a FlatList in react native?

I want to learn to use FlatList in react native,but I can't figure how to push elements in data (the FlatList array). Can someone help me ?

Here's my react native code:

0 投票
5 回答
31482 浏览

react-native - React-native:如何包装 FlatList 项目

我有一个查询返回的术语列表。每一个都是一个词。目前,我的 FlatList 将每个单词呈现为同一行上的一个按钮(horizo​​ntal={true}),我希望按钮像普通文本一样换行。但我绝对不想使用列功能,因为那样看起来不太自然。这可能是 FlatList 的一个坏用例吗?还有其他我可以使用的组件吗?

我收到的一条错误消息是:

警告:flexWrap: 组件不支持 wrap`` 。请考虑VirtualizedList改用numColumnswith FlatList

0 投票
0 回答
339 浏览

react-native - 反应原生:我必须从 url 获取我的 json 并在滚动视图中显示它们然后在到达结束时它应该再次显示它们

我必须从 URL 获取我的 JSON 并在滚动视图中显示它们,然后在到达结束时它应该再次显示它们:

提前致谢。

0 投票
1 回答
3187 浏览

javascript - React Native FlatList 不适用于构造的数据

作品:

不起作用(没有渲染):

可能是什么原因?