在运行时计算FlatList行组件的高度
我想设计一个有4行的FlatList，每行应该占据FlatList的1/4高，每行之间的间距为5px。作为一名原生iOS开发人员，我对如何在Reaction-Native的FlatList中实现这一点感到有点困惑。我不知道在呈现ROW组件的哪个阶段可以应用该计算。不应该使用下面的代码片段来实现我已经解释过的逻辑： getItemLayout={(data, index) => ( {le
..
react-native-flatlist相关内容
如果Flatlist在反应原生中有最大的数据，则在滚动屏幕时会将其空白
我正在使用REACTION-Native-Flat列表滚动来自服务器的最大数据，并获取并显示在我的屏幕上。但在这里我面临着两个问题。 卷轴不平滑 滚动最大数据时显示空白。 这是我的示例代码。 componentDidMount() { let { page } = this.state; this.props.fetchAllItems(); if
..
在平面列表项上实现onPress
我正在尝试在单击时发送平面列表项目的数据，并将其设置为另一个类。OnTouch正在工作，但我在图像中出现以下错误。另外，我如何将API的数据发送到另一个类并从另一个类获取？我的实现如下： export default class FlatSpeakers extends Component { constructor(props) { super(props); this.
..
对于动态项目和大数据，Reaction原生平面列表速度很慢
我已经使用这个问题实现了一个类似Instagram Explore页面的列表React native grid like instagram 但它与布局完全不是很好的。有没有其他方法来实现这一点？ 另一个问题是重新呈现某些行的不同项目滚动时，我通过更改应呈现项目的条件来减少该问题，但仍有问题。 我在这里上传了我的应用程序的视频：https://youtu.be/gP7kbwKDeNA
..
平面表测量项目X位置
我的水平列表中有大约10个项目。我如下所示存储了对每个项目的引用。 const Item = ({ title, image, index }) => { linkRefs[index] = useRef(null); return (
..
样式反应原生平面列表
我正在尝试将FlatList项放在列表的HeaderComponent旁边。我希望房间从Create房间旁边开始。下面是它的外观图片[1]：https://i.stack.imgur.com/qyZZP.png 以下是房间列表的代码： } numColumns={2} data
..
如何转到平面列表中的特定项目(索引)
我看到this，但我做不到。 我有一个名为Days的静态列表，并将其绑定到FlatList，如下所示： const DAYS = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30 ] const App = ()
..
在滚动上反应原生平面列表生成空格
我正试图通过FlatList加载大量数据，但我面临的问题是，在滚动过程中，我在不同的地方也看到了这个问题，但没有一个告诉我如何正确解决这个问题。 我通过API获取的数据 我当前的平面列表：
..
如何在If语句中呈现某些内容Reaction Native
问题 我在原生反应中使用平面列表，并希望与平面列表中的变量进行比较，如果两个变量相等，则呈现一个文本组件，如果两个变量不相等，则不呈现任何内容。我试过很多方法做这件事，但都不管用。我很想得到一些帮助，想出一种方法来做到这一点！谢谢。 推荐答案 有几种方法会立刻浮现在脑海中。我只是假设你想要比较的是什么，但你可以把这些变量换成你喜欢的。您可以做的第一件事是使您的文本在Text组件E
..
Reaction Native on EndReach平面列表
在Reaction NativeFlatList中，onEndReached在平面列表到达End时触发。Reach Start有什么道具吗？ 当Flat List到达Start时，我想做点什么。 感谢您抽出时间。 推荐答案 您必须使用onScroll。然后onScroll函数将在开始时触发所需的函数。同时将限制值设置为‘0’将仅触发两次更改(一次在仍在滚动时，一次在滚动完成
..
如何在本机Reaction中同步两个平面列表滚动位置
正如您在上图中看到的，有一个由两列组成的垂直列表。我开发了两个Flat List，因为我无法使用Flat List列选项在一行上设置不同高度的照片样式。 我希望两个平面图具有相同的滚动位置。 我包装了两个FlatList组件以同步滚动。但这里有一个问题。ScllView忽略无限滚动并一次调用所有分页对象。存在性能问题。 如何解决此问题？ 这是我的组件代码 import
..
为什么使用REACT-Native-Tab-view在REACT原生无限滚动中，滚动条位于顶部
我在我的应用程序中使用react-native-tab-view，其中我有两个选项卡。我正在通过API调用加载选项卡数据，以便在侧面选项卡中创建无限滚动分页，当数据从API连接到我的FlatList数据中时，则每次我的滚动条重置到顶部位置。我目前的零食demo如下：https://snack.expo.io/@luckyamit/9905d4 我不想在每个API调用中将滚动条重置在顶部，我已经为
..
平面列表滚动运行不畅，在Reaction本机应用程序中滚动文字列表时显示空白
我正在使用Reaction-Native-Flat列表网格滚动来自服务器的最大数据，并获取并显示在我的屏幕上。但在我的应用程序中，滚动并不流畅。 有什么解决方案吗？ 滚动屏幕时，我也面临空白。List Get消失，并在UI中显示空白。 有解决方案吗？ import React, { Component } from 'react'; import { ActivityI
..
纯组件中的反应本机更新FlatList数据
我对Reaction Native有些陌生，并且一直在使用FlatList时遇到这个问题，我想更新它使用的数据源，并让它更新它自己。我的案例是有一个我想用FlatList显示的项目列表，然后每个项目都是可选择的。我看到的大多数示例都是使用组件，建议已经将state添加到extraData来解决这个问题。然而，我使用的是纯组件，并尝试查看在这种情况下是否有任何解决方案。遵循我创建的一个样例项目。在此
..
如何将ListFooterComponent粘贴到屏幕底部？
我有一个FlatList组件，由3个部分组成： }
..
反应-本地滚动到带有平面列表的顶部
我在滚动到我的平面列表的顶部时遇到了很多问题，所以如果有任何帮助，我将不胜感激！ 本质上，它从Firebase获取前5个项目，然后在调用onEndReached时，将接下来的5个项目追加到列表中： data: [...this.state.data, ...results] 目前，我的视图顶部有一个刷新按钮，它执行以下操作： this.flatListRef.scrollTo
..
如何使ListHeaderComponent在SectionList中成为粘性头部？
说明 我在ListHeaderComponent中使用水平选项卡栏，我想将ListHeaderComponent作为SectionList中的粘性标题。我们可以通过stickyHeaderIndices={[0]}在扁平列表中制作粘滞标题，但在SectionList 中不起作用 Reaction本机版本： React Native Environment Info: Sys
..
Reaction原生平面列表不在自定义动画底板内滚动
我已经创建了一个自定义动画底板。用户可以上下移动底部的工作表滚动。在我最下面的表中，我使用了flatList，我在其中获取数据并将项呈现为卡。到目前为止，一切都按预期进行，但我在滚动平面列表时遇到了问题。在底部的工作表中，平面列表不会滚动。我做了硬编码的高度值2000px，这是真正的练习，也是FlatList的contentContainerStyle添加了硬编码的paddingBottom200
..
是否有可能在两个不同屏幕中使用相同数组进行反应导航？
在我的应用程序中，第一个屏幕是列表屏幕，第二个屏幕是详细信息屏幕。 当用户点击列表屏幕上的任何项目时，在详细信息屏幕中打开该项目。 详细信息屏幕也有列表，但它是全屏列表。 当用户向下滑动到数据末尾时，将得到下一页数据。 我希望在获取详细信息屏幕中的下一页数据时，它会在列表屏幕上自动更新。 是否可以在两个屏幕中使用相同的数组？ 如果是，则方式或任何参考？ 推荐答案 是
..
React Native 有条件地渲染 FlatList
我有一个关于 React Native FlatList 的问题. 我有一个 FlatList，它将我的 dataZ 状态作为数据道具 - dataZ 是一个由我的 fetchcall 填充的数组.我的 fetch 调用的响应如下所示: [{"活动日期": "2019-08-01T22:00:00.000Z",“相位":7667，“时间":360，“用户名":138，“zkub":“"},
..