问题标签 [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.
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 上实现它。
javascript - 反应平面列表渲染项
我以前在 JS 中看到过这种语法,我只是好奇它是如何工作的。在 FlatList 的React Native Docs 中,一个示例调用了 renderItem。this._renderItem 如何知道它正在使用的单个列表项?看起来项目正在被解构,但来自什么对象?
换句话说:在 FlatList 中,进行相同调用的另一种方法可能是:
renderItem 是一些特殊的道具,其中 {item} 将始终是解构的 arg 吗?
reactjs - React Native Flatlist - 每个孩子都必须有“关键”道具
我有几个简单的 FlatLists,每个都显示部门和商店的自定义列表项。我得到每个孩子都应该有一个唯一的“关键”道具的错误,但我已经定义了一个keyExtractor
并尝试将一个key
道具添加到自定义列表行组件。IE
为什么我仍然收到警告,我做错了什么?keyExtractor 方法在我的其他 FlatLists 上运行良好。当然,使用的 ID 是唯一的
react-native - 如何使 React Native 列表仅从底部反弹?
我使用 FlatList 和随后的 ListHeaderComponent 作为我屏幕的根组件。我不希望它的顶部在滚动时弹跳,但我想保持底部弹跳以达到 UX'n'feel 的目的,因为 FlatList 支持无限滚动。任何想法如何?
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:
react-native - React-native:如何包装 FlatList 项目
我有一个查询返回的术语列表。每一个都是一个词。目前,我的 FlatList 将每个单词呈现为同一行上的一个按钮(horizontal={true}),我希望按钮像普通文本一样换行。但我绝对不想使用列功能,因为那样看起来不太自然。这可能是 FlatList 的一个坏用例吗?还有其他我可以使用的组件吗?
我收到的一条错误消息是:
警告:
flexWrap:
组件不支持 wrap`` 。请考虑VirtualizedList
改用numColumns
withFlatList
。
react-native - 反应原生:我必须从 url 获取我的 json 并在滚动视图中显示它们然后在到达结束时它应该再次显示它们
我必须从 URL 获取我的 JSON 并在滚动视图中显示它们,然后在到达结束时它应该再次显示它们:
提前致谢。
javascript - React Native FlatList 不适用于构造的数据
作品:
不起作用(没有渲染):
可能是什么原因?