问题标签 [react-native-listview]

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 回答
390 浏览

javascript - 如何更新 React-Native 列表视图?

将一行添加到我的列表视图时,我的行为很奇怪。我不确定我的逻辑哪里错了。我有使用 react-native-tab-view 的标签。在选项卡 2 上,我将一个对象添加到选项卡 4 上显示的“收藏夹”数组中。在添加对象之前,这是正在显示的内容

前

添加对象并返回选项卡 4 后,这就是我所看到的

后

和代码

0 投票
1 回答
5594 浏览

react-native - React Native - ListView 滚动到嵌套的子引用?

ListView用来显示一个列表,comments如果subcomments它们存在于评论中。我试图subcomment通过它滚动到一个特定的ref,但我无法让它工作。我使用了 3 个组件(如下所示)来完成此任务:

1. 评论

2.评论行

3. 评论列表项

在父组件#1中,我尝试subComment通过其refof滚动到 a subComment_10,但 measure 给出了未定义的错误。我知道this.rowz不存在于#1地图迭代每个并将其分配给数组的#3地方(我刚刚意识到它由于某种原因没有分配给数组)。subCommentssubCommentrowzsubComment_idhererowz

那么我们如何解决地图ref中的分配问题,#3以便rowz数组获取所有 subComment 的列表,refs以便我们可以滚动到它们?我们如何才能让#1中的TouchableOpacitywith滚动to ?this.scrollToSubCommentRef('subComment_10')mainListViewsubComment_10

更新

使用提供的解决方案, 将成功ref传递给rowz数组,但您会注意到,它不会滚动到subComment_10,而是滚动到comment 10. 它应该滚动到顶部,以便在单击时subComment_10它是最可见的顶部:subCommentTouchableHighlight

在此处输入图像描述

0 投票
3 回答
5763 浏览

react-native - 在 RN ScrollView 中将 scrollEnabled 动态设置为 False

scrollEnabled当滚动到某个位置时,如何更改 React Native ScrollView 的参数的布尔值?

我确实在 ScrollView 中有一个 ScrollView,并且由于外部 ScrollView,内部 ScrollView 没有响应。scrollEnabled当参数设置为False外部 ScrollView时,内部 ScrollView 起作用。我的想法是将外部 ScrollView 动态设置为scrollEnabled={false}到达底部时。我该怎么做呢。

谢谢,

0 投票
2 回答
40902 浏览

react-native - 如何在 react-native 中执行水平 ListView 或 FlatList

我正在寻找一种在 React-native 中制作水平 ListView 或 FlatList 的方法。

如下图:

在此处输入图像描述

我试图用 Flex 来管理它,但它让我感到奇怪,而且总是使用垂直的 ListView

如果你有任何想法,请告诉我。

问候,

0 投票
1 回答
349 浏览

react-native - 如何测量页面中的列表视图行位置

我正在使用 react native Listview组件。

如何测量一行的坐标?我需要知道我在更复杂的视图中做的动画的这些坐标。

我从 NativeMethodsMixin 找到了方法度量,但我无法让它工作。我收到以下错误:度量不是函数

如何在需要时使用 measure 函数获取行的坐标?

最小起点:

0 投票
1 回答
2142 浏览

react-native - 如何在带有节标题的 ListView 中选择项目 React Native

我应该能够单击该项目并勾选它的复选框。我正在尝试实现一个分组联系人,其中部分标题设置为字母。通过一个简单的列表(没有部分标题)可以选择一个联系人,但我似乎无法让它与部分标题一起使用。

我应该能够单击该项目并勾选它的复选框。

0 投票
1 回答
384 浏览

react-native - React Native ListView - 并非所有可见项目都被渲染

作为第一个 React-Native 项目,我只是想创建一个简单的动画。它是一个 ListView,里面充满了动画,它们的不透明度。为此,我创建了一个包含 Square 的 ListView,它是一个 50X50 的正方形,涂有 3 种颜色中的一种。

结果是只有 11 个正方形在屏幕上进行动画处理,尽管数组有 1000 个单元格。这意味着,渲染了一行半,屏幕的其余部分是空白的。

问题截图

我想让整个屏幕充满动画方块。

非常感谢您的帮助,乔拉。

0 投票
2 回答
10023 浏览

react-native - React Native 的数据表

有人可以建议任何数据表组件来进行本机反应,它可以动态添加行并具有可编辑的单元格。我在谷歌搜索完毕。提前致谢。

0 投票
0 回答
413 浏览

react-native - 列表视图中显示的空行与 Android 中的部分反应本机应用程序

我有一个在列表视图中显示的内容列表,其中包含部分。我可以通过转到“添加新项目”屏幕来添加新项目。保存项目后,我弹出一个屏幕,用户再次登陆列表视图。在这个视图中,我在某些情况下看到一个空白,如下所示。

在此处输入图像描述

我总是看到一个空行的一种情况是,当我在该部分中没有任何项目时Recent,然后我添加了一个属于该Recent部分的项目。在这种情况下,我总是在部分上看到一个空行,Past如图所示。

只要我在屏幕上滚动或执行任何操作,空行就会消失。我尝试将其RecyclerViewBackedScrollView用作解决此问题的列表视图的滚动组件,但该组件充满了许多其他错误,并且我的应用程序在使用它时崩溃了很多。

这不是由我的应用程序中的任何错误代码引起的。下面是我如何创建ListView

我已经确认其中dataSource不包含任何空条目。renderRow呈现行,renderSeparator呈现水平线,renderSectionHeader呈现RecentPast节标题。

0.37.2目前正在使用 react-native。

如果您有任何有关如何解决此问题的信息,请分享。

0 投票
1 回答
209 浏览

react-native - 反应原生 - 列表视图问题

我已经运行了 react native 应用程序我已经使用了 2 个页面两个页面都使用了 listView 组件但是 1 个页面运行正确并且在另一个页面中使用了相同的功能但是它返回了以下错误在此处输入图像描述

StaticRenderer.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.

第 1 页代码

第 2 页代码

第 2 页列表查看