问题标签 [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.
javascript - React Native 的 FlatList 是否允许您定位滚动条?
我目前在一个项目中实现了 FlatList,我需要将滚动条进一步向下移动,以便它不会越过 FlatList 中的某些项目,或者我可以完全移除滚动条。我很好奇定位滚动条是否可行。我假设showsHorizontalScrollIndicator
如果我也想摆脱它,我可以在 FlatList 中将 prop of 设置为 false。
我试图调整容器的填充和边距,看看这是否会将滚动条推开,但事实并非如此。
提前致谢!
react-native - React Native FlatList - 在返回组件的渲染方法中调用函数
我正在使用 FlatList 创建一个可选列表,该列表突出显示/勾选每个选定的项目。
在 index.js 上,我以这种方式使用组件:
在 selectable-list.js 我将列表定义为:
这是我得到的输出:
啊啊啊
xxx
啊啊啊
xxx
我希望它是:
啊啊啊
一个
xxx
啊啊啊
b
xxx
这条线不起作用:
react-native - React Native FlatList onPress for child
我正在尝试为嵌套在 React Native FlatList 中的图像连接新闻处理程序。我已经通过直接在我的组件内部调用该函数来验证该函数是通过道具传递的,并且效果很好。下面是一个简化的测试用例。我还尝试在图像上设置 onPress,结果相同。
react-native - react-native FlatList onViewableItemsChanged 松鼠行为
我已经在我的 FlatList 中连接了 onViewableItemsChanged。我正在使用下面的配置。我确实看到了我期望的调试 console.log()s,这很好。然而,奇怪的是,如果我只上下滚动几个像素,始终在屏幕上保持同一行,则更改表明该项目来自可见性集。我是否解释了错误的日志记录?
react-native - 使用 FlatList#onViewableItemsChanged 调用组件函数
我目前正在尝试使用该FlatList
组件实现一种 LazyLoading 形式,它引入了一个名为的简洁小功能onViewableItemsChanged
,它为您提供了所有不再出现在屏幕上的组件以及现在出现在屏幕上的项目的列表。
这是一个自定义的 LazyLoad 实现,因此比大多数可用的 LazyLoad 开源库更复杂,这就是我正在开发自己的实现的原因。我已经调查过react-native-lazy-load
和其他人。
基本上,我需要能够调用一个函数,该函数是在 FlatList 中呈现的组件的一部分,我尝试创建对 FlatList 中呈现的项目的引用并这样调用它,但它似乎不起作用.
例如:
现在在<Example />
组件中,我将有一个调用的函数startLoading
,当一个新的可见项被带到屏幕上时应该调用它,但是 ref 永远不存在。
javascript - 将自动递增键道具添加到 Flatlist
如何为 Flatlist renderItem 添加递增键,它是用于地图的方式:
现在我有这样的,但密钥没有出现在 MyComponent 道具中:
react-native - React Native FlatList 水平从左到右拉刷新
我有多个水平设置为 true 的平面列表。我想实现功能,以便当用户到达第一个项目(左侧)并尝试向左拉时,它会刷新内容。我不能使用 RefreshControl,因为它在下拉时起作用。有没有人在第一个项目上实现从左到右滑动刷新?任何提示将不胜感激。
我正在考虑一个替代方案:在标题和 ActivityIndicator 中放置一个按钮。当用户单击该按钮时,它将触发刷新。
react-native - FlatListFooter 无法显示
我想在我的 flatList 中添加页脚:我试试这个代码:
但运行时不出现页脚。
请提供任何帮助