问题标签 [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 投票
2 回答
5005 浏览

react-native - 如何在 ScrollView 或 ListView 上保持位置?

当你在 ReactNative 应用中使用 ScrollView 或 ListView 并且有一些新数据进来时,它们的默认行为是保持在 Scroll 组件中的位置。这意味着如果在 ScrollView 的中间有新的高度为 20 的数据进来,屏幕上的项目会滑动 20,有时它会离开屏幕。

有没有办法保持/跟踪位置?例如,如果有新的高度为 20 的数据进来,则 position 会自动将位置调整 20,以使当前屏幕上的项目保持在屏幕上。提前致谢。

0 投票
4 回答
4464 浏览

react-native - React-Native 列表不滚动

问题是列表视图不滚动。我尝试了很多样式,但我找不到方法。我使用 React-Native 0.39.2 。我在安卓设备上试过

0 投票
2 回答
5415 浏览

react-native - 如何在行数据更改时强制 ReactNative ListView 更新一行?

ReactNative 的 ListView 在数据更新方面有点奇怪。

我有一个对象数组(名称:Item),它们有 3 个属性:

  • 标识(整数)
  • 名称(字符串)
  • 启用(布尔)

项目数组显示在 ListView 中。每行显示项目的名称和表示启用状态的复选标记(红色为真,灰色为假)。在我的示例中,它被简化为一个简单的字符串“true”/“false”。

每行都嵌入在带有 onPress-EventHandler 的 TouchableOpacity 中,用于切换所代表项目的启用状态。

不幸的是,ListView 不会更新该行。

在调试 rowHasChanged-Event 时,事实证明 rowHasChanged-Event 永远无法确定更改的状态,因为在切换启用属性后两行都已经获得了新状态,而没有对 UI 进行任何更新。

这是我的代码:

项目类:Item.js

列表视图:

如何解决这种行为,当行数据更改时 ListView 会更新?

0 投票
1 回答
497 浏览

listview - react-native listview 有些行不显示

我有一个带有 3 个选项卡的模式。每个选项卡都有一个列表视图,任何大于 10 行的数据集都无法正常工作。发生的情况是在初始加载时它正确显示。但是,当显示更多行时,它们都是空的。不知道发生了什么。使用最新的 React-Native。如果有帮助,这里有几个屏幕截图。

图 1图二图 3

标签

风格

0 投票
0 回答
38 浏览

android - React Native - Image isn't cleared when navigating

I use React Native's Navigator for routing and ListView to show image group, and I use Android. When I trigger navigation, image(s) don't leave page and it blinks as seen below.

enter image description here

Render functions

Styles

What could be the reason?

Thanks.

0 投票
1 回答
367 浏览

react-native - 如何处理 ListView 排序性能?

我有一个ListView显示聊天会话列表(类似于 Whatsapp/Facebook Messenger),其中包含以下内容rowHasChanged

我注意到未更新的项目正在重新渲染,即使我使用shouldComponentUpdate.

经过一些跟踪后,我发现因为我在克隆数据源之前对项目进行了不同的排序(新消息使项目跳转到列表的顶部),rowHasChanged所以正在比较不同的行。这样做是有道理的。

但是没有解决方案来支持以高性能方式进行排序吗?在 WPF中,由于相同的问题(也支持过滤等),除了数据之外,我们还CollectionViewSource收到了一些要排序的内容。

有谁知道摆脱这些冗余渲染的方法?

0 投票
0 回答
522 浏览

listview - 当 ListView 被包裹时,TouchableWithoutFeedBack 没有响应

我想检测用户何时释放对 ListView 的触摸,以便能够在那一刻使我的单元格居中。在 iOS 中,我将 ListView 包装在 TouchableWithoutFeedBack 中,它运行良好。当onPress用户停止触摸它时调用。但在Android中,onPress是不叫的。

我不能将我所有的 ListViews 行都放在 Touchables 中,因为用户将无法触摸它并继续滚动。

这是我的代码:

0 投票
1 回答
1193 浏览

react-native - 滚动视图下拉

我正在尝试构建一个组件来检测滚动视图上的下拉。当您尝试刷新 facebook 或 twitter 提要时,下拉。

所以我的方法是尝试使用 onScroll 方法来检测滚动视图的变化。

但是,我发现当您向下滚动时(就像您滚动浏览 facebook 或 twitter 提要),它会给您偏移量的值。然后我尝试模仿“下拉”行为,我将在相反方向滚动。困难在于当滚动视图达到 0 时,我无法检测到滚动的任何减少。那有意义吗?基本上,当滚动视图为 0 时,我如何检测下拉。

0 投票
2 回答
1655 浏览

react-native - 如何通过 ref 访问 react-native listview 子组件?

如何通过 ref访问 react-native listview子组件?

console.log(this.refs) 印刷 Object {listView: Object}

我如何访问TouchableHighlight组件参考?

我浏览了React Native: Refs in ListViewReact Native - 从 renderRow 获取 listview 中自定义组件的引用,但我不明白它们是怎么做的。

0 投票
0 回答
419 浏览

android - 将项目添加到 ListView 时应用程序崩溃

当我向其中添加项目时,我有一个ListView似乎在某些情况下崩溃的问题。这次崩溃最糟糕的是我找不到一致的复制步骤。它总是在添加新项目时发生,ListView但每添加约 10 个项目只会发生一次。

我有一个实时客户端,它会随着时间的推移不断向其添加数据。当我有两台设备显示相同的数据同时获取一个新设备并且其中一台崩溃时,另一台也出于同样的原因崩溃。

这是堆栈跟踪和错误:

我在与他自己的本机代码无关的 react-native 中找不到任何有此问题的人。我没有在这个中编写任何本机代码。

根据有关本机 Android 应用程序的此问题的帖子,它闻起来像是ListView对它的项目进行了错误处理,并试图在将其与以前的父级分离之前添加一个。

有人对可能导致它的原因有任何想法吗?谢谢。

更新:

这是我的代码,它比示例所需的要长,但以防万一它包含我正在做的奇怪的事情导致这个问题,我附上了整个东西