问题标签 [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 回答
1123 浏览

javascript - TouchableOpacity onPress 挂在 ListView 内

一旦我在TouchableOpacity 的事件处理程序中添加了rowData参数,我就有了这个 ListView UI,它开始运行缓慢。onPress按下 TouchableOpacity 后,它会保持按下状态 15 秒,然后再次平稳运行。

似乎有一些冲突,因为我在上面三行的 ListViewrowData的事件处理程序中也使用了。renderRow

我是对的,如何解决这个问题?

0 投票
1 回答
845 浏览

reactjs - 背景颜色不重新渲染

在此示例中,我正在创建一个ListView带有一组按钮的TouchableOpacity按钮。一次只能用蓝色突出显示其中一个。

确定背景颜色的表达式:

问题是,尽管调用了方法并且更新了状态backgroundColor,但它并没有改变。render()

我什至尝试过forceUpdate(),在这种情况下它会渲染两次,但不会更新颜色。

渲染方法:

构造函数:

0 投票
0 回答
444 浏览

javascript - 将本机列表视图滚动到特定部分

我有一个 ListView 组件,它使用事件列表呈现日历。数据结构为:

列表视图代码:

这按预期工作。

现在我希望能够滚动到 js 中的特定部分。我怎样才能做到这一点?

就像是

0 投票
0 回答
313 浏览

listview - 添加到数据源后,React-Native ListView 在彼此之上呈现行

设置

我正在使用redux2ListView种不同类型的行,它们都具有指定的 - 但不同的 - 高度。使用并在 a 而不是无状态功能组件ListViewsectionHeaders呈现React Component(出于各种原因)。

每当状态内发生特定更改时,都会使用新数据(在 中使用)ListView重新渲染。.dataSource.cloneWithRowsAndSections()reduxredux


问题

问题是当我向下滚动到第一部分下方的任何部分并与 UI 交互以向第一部分中的数据添加对象时:第二部分顶部出现一个间隙,这似乎是我的滚动高度位置超过第二部分的顶部。添加的项目在第一部分中正确呈现。当由于该状态更改ListView而重新渲染整体时,就会发生这种情况。redux

这也不是真正的差距——第二部分中的第一项呈现在其下方的项目和部分标题之上


我很确定我正在推动 aListView可以做的极限,但有没有人知道可能导致此问题的原因或如何解决它?

0 投票
0 回答
48 浏览

react-native - ListView 部分标题似乎无法在 Android 上运行,但它们在 iOS 上运行良好?

有没有人在 Android 上使用 ListView 部分标题取得成功?使用文档和一些方便的教程,我能够为 iOS 构建它:

ListView 节标题示例

当我们在 Android(棒棒糖和棉花糖)上运行代码时,ListView 就像一个 ScrollView...没有节标题:(

有没有其他人在 Android 上遇到过 ListView 的问题?你能解决它们吗?我们不反对为 Android 构建一个单独的组件,所以如果您知道另一个可用于实现此效果的 react-native 组件,那也很棒。

0 投票
1 回答
592 浏览

javascript - 带有 React Native ListView 的领域将不会呈现

开发一个 react-native 应用程序,该应用程序记录用户在“记忆”中行走的坐标,并将记忆(带有描述)和一组坐标存储在 Realm 中。

我在具有不同数据库的项目中使用了 ListView,但是使用 realm-listview 我无法获得页面上呈现的记忆的描述。

将我的领域设置存储在一个文件中,如下所示。主要操作是将数据存储在内存/坐标模式中,并使用 RealObjects.countMemories() 函数获取要在 ListView 中使用的数据。当我在控制台中查看它时,它正确地返回了一个领域对象数组。

在我的组件中,我正在像这样导入 ListView 组件import { ListView } from 'realm/react-native';

构造函数设置如下:

渲染函数设置如下:

此渲染方法不会在 ListView 中生成任何内容。现在,我只是想获得一份要在屏幕上显示的记忆描述列表。

react-native 和 realm 都是新手,所以不确定我的问题是在这里还是其他地方。任何帮助表示赞赏!

编辑:将渲染行和行数据项更改为如下所示以记录数据,该数据记录控制台中每一行的正确描述,但屏幕上仍不显示任何内容:

编辑:当前样式:

0 投票
0 回答
212 浏览

react-native - 反应原生 Listview 重新渲染行

因为一些性能问题,我希望只刷新改变行,但是虽然rowHasChanged返回true,但行没有更新或执行renderRow。热重载后,更新只有一次成功,我很困惑。

index.ios.js

热加载前,点击item,不更新点击行,

热加载后,点击项目,重新渲染点击线

0 投票
3 回答
586 浏览

reactjs - React Native setState 未更新 - 在函数中调用两次。等到完成更新

所以我使用的是 React Native 和 Realm。基本上我想在 Realm 查询开始之前显示一个指示器,然后在它完成时隐藏它。但指标似乎没有出现。我对 React Native 的理解还是新的!

这是我到目前为止所拥有的:

0 投票
1 回答
1324 浏览

listview - React Native 从数据文件中添加图像

我有一些像这样的静态数据:

我正在创建一个列表视图,并希望将相关图像传递到列表视图单元格中。列表视图设置如下:

MainListRow 设置如下:

我从其他问题中了解到,在调用它们之前需要定义图像(例如:如何有条件地将图像包含在 React Native Component 中?

我无法弄清楚如何让图像正常工作的uri,即使是一张图像。理想情况下,我只想传递图像并让它工作。我尝试了不同的路径变体来尝试使其正确并匹配初始要求,但这没有区别。

0 投票
2 回答
5062 浏览

react-native - null 不是 React Native 组件中的对象(评估“internalInstance.getHostNode”)

我的 React Native 应用程序有一个应该显示可滚动列表的组件。我也在使用React Native Elements,尽管忽略它似乎并没有太大的区别。

我的组件如下所示:

WhererenderRow在类之外声明,因为它不需要它的状态,如:

此外,删除<List>与它的孩子似乎也没有什么不同。

从日志记录(为简洁起见,未包含在代码中)我可以看到组件constructor运行没有问题。但是,该render方法没有被调用。在adb logcat输出中(我正在使用 Android 模拟器)我看到以下内容:

我正在使用

  • 反应 15.3.2
  • 反应原生 0.35.0
  • 反应原生元素 0.6.2

我的问题有两个:如何解决正在发生的事情(render()例如,为什么我的方法没有被调用)以及我在这里做错了什么?