问题标签 [react-native-listview]

情况：

我有很多照片，我们正在将它们加载到缩略图网格中。这些缩略图都是它们自己的组件，在 RenderRow 函数中以三个一组的形式加载。这是有问题的图像组件：

问题：

我们的问题是，如果您快速滚动，或者互联网连接不太理想，一些开始加载的图像永远不会调用“onLoad”，大概是因为它们不再可见（因为我们滚动超出了它们清单已经）。

但是，当我们滚动回这些图像时，渲染的只是占位符图像，并且照片的状态永远不会设置为loaded: true. 我试过onChangeVisibleRows像这样弄乱 ListView 上的函数：

这似乎按预期工作，在 RenderRow 函数中，我可以检查该特定行是否可见，并尝试通过将道具传递给图像组件来重新渲染该行isVisible中的图像，但图像组件仍未更新当我从shouldComponentUpdateisVisible 道具更改时返回 true时。

但无济于事。

我相信我在正确的轨道上，但已经走到了死胡同。有谁知道我如何强制图像组件重新加载？或者是否可以添加某种内容onLoadInterrupted，以便在看到它后再次开始加载？

如果您只有 ，如何测量反应原生元素的高度ref？

我看到了NativeMethodsMixin，但不清楚如何实现它。

我尝试将其包括为：

但该应用程序抱怨NativeMethodsMixin未定义。

如果我走的RCTUIManager路线：

然后我得到一个错误：Uncaught TypeError: Converting circular structure to JSON

我只是想得到那个高度ref。我错过了什么？

我发现了类似的问题，但没有任何效果。如果我单击一个列表项，我会收到错误“未定义不是函数 this.state.datasource.slice()”

我试图让所有“有序”成为真实

我的应用程序中有一个列表视图，它从 api 获取数据并从中创建一个数组并为其创建一个数据源，然后渲染所有行，现在数据集不是那么大，而且列表视图无法渲染一些在行中，甚至 listview renderRow 的日志都显示只有部分数据源正在呈现，但是如果我在热重新加载时从 listview 中删除内容容器样式，它会呈现所有行，并且再次重新加载它会返回仅呈现部分行. 图像也没有显示在视图中。

我有一个 ListView 组件，以及另一个具有谷歌地图搜索框的组件。我想直接在该组件下显示一个列表，但似乎列表顶部或搜索框底部有一些填充，导致两个元素之间存在间隙。

我尝试删除搜索框，很高兴看到 ListView 看起来像预期的那样，列表和标题之间没有间隙。但是当我重新加载页面时，差距再次出现：

单击此处查看错误的快速 gif

这是此视图的代码：

如屏幕截图所示，我的ListView单元格相互重叠。当我使用 0.23 版本时它工作正常，react-native但升级到 0.30 后，UI 在5c & 5s不在模拟器中的设备中被破坏。任何想法？

我有一个呈现图像的 ListView。

renderRow 方法渲染图像如下：

图像没有被渲染。截图如下：

在将图像嵌入 ListView 的下方，图像得到了适当的渲染。有什么指针可以在 ListView 中查看图像吗？

图片网址示例为：http ://s3.amazonaws.com/sendto.us/postcards/fronts/000/000/017/original/from_api.png?1471627160

分享风格：

我有一个关于 Listview 元素的对齐问题，应该以比行样式更盒装的样式显示。在图片中，您可以看到当前状态，这是使用 Listview 的 contentContainerStyle 属性中使用的 StyleSheet 代码生成的：

我想要实现的是包装 Listview 元素，而无需在发生换行后开始新行，因此 Listview 元素顶部没有空间。

知道如何实现这个漂亮和干净吗？谢谢！

我在 iOS 模拟器和真实设备中都有这个问题。我有一个带有 Touchablehighlight 的 Listview。当我首先按列表时，它会忽略。它仅在双击时起作用。任何人都可以帮我解决这个问题。这里我有一段代码，在我的渲染函数里面

谢谢

所以我们想要的是这样的：

多排型

在 iOS 中，我们可以为每种单元格类型使用多个 cellIdentifier 来创建高性能的列表视图。

我现在拥有的是

在 renderRow 方法上

上面代码的问题在于它使 dataSource.rowHasChanged 方法很难正确实现。

出于某种原因，当我删除一行时，在 RN0.31 中，您将遇到一些 ui 缺陷，例如：

用户界面缺陷