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