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

react-native - 在 ListView react-native 中选择一行以获取详细信息

我是 react-native 的新手。我在https://facebook.github.io/react-native/docs/sample-application-movies.html中看到了一个示例。它正在构建一个电影应用程序,用于获取电影并将它们显示在 ListView 中。我们如何选择一行来获取其详细数据并将其显示在其他视图中?请帮忙。谢谢 :)

这是我到目前为止所做的:

0 投票
3 回答
5746 浏览

android - ListView 中的搜索数据反应原生

我目前正在学习 react-native 并陷入 ListView 问题。我想从 TextInput 在 ListView 中搜索数据,并且我希望结果也在 ListView 中。

这是我到目前为止所做的:

我下一步该怎么做?请帮忙。谢谢 :)

更新!在阅读了urbancvek的答案后,我在setSearchText()这样的方法中添加了函数:

但它总是向我展示所有电影,而不是过滤的电影。有任何想法吗?谢谢

0 投票
2 回答
402 浏览

react-native - 反应原生 | 控制传递给 ListView 的 renderRow 函数的参数

根据React Native Docs 对于ListViewrenderRow 函数的签名具有以下签名:

但是,在Facebook 的 F8App 应用程序的ScheduleView组件中,它使用具有此签名的 renderRow 函数PureListView来渲染 a :ListView

这怎么样?我在看什么?

0 投票
0 回答
338 浏览

listview - React Native renderRow 错误:未定义不是对象(评估'e.id')

试图在反应原生的 ListView 中渲染行。该列表是根据用户搜索的结果填充的。有 400 毫秒的去抖动以减少请求的数量。问题是如果我在最后一个状态上发生 renderRow 时 setState 更改应用程序将因未定义的获取 rowData.id 而崩溃。我试图通过一系列 if 语句来捕捉结果是否为“未定义”或 null,同时this.state.dataSource.getRowCount() === 0在渲染 ListView 之前进行检查以尝试避免这种情况。它是一个包含多个部分和标题的列表视图。

0 投票
1 回答
493 浏览

react-native - 在视图中和可见时触发组件操作

一旦用户滚动到足以使视频组件在屏幕上可见,我希望在列表视图中实现视频自动播放。但是,我在文档中找不到任何可以帮助实现一旦组件可见就会触发的操作的内容。

0 投票
2 回答
1953 浏览

react-native - React Native ListView 插图

在此处输入图像描述我无法将列表视图与导航栏对齐。

我尝试过使用插图,它适用于 iOS,但对于 android,问题仍然存在。

我原以为 Listview(iOS) 的插图会自动设置。在这种情况下,automaticAdjustContentInsets={true} 不起作用。我在插图中硬编码。

对于 iOS,listView 的运行速度似乎也有点慢。

Android 的问题是 listView 似乎没有正确插入。

我的怀疑是反应原生通量路由器没有考虑导航栏下方的内容。

我正在使用 React-native-router-flux 进行呈现导航栏的导航。

“react-native-router-flux”:“^3.30.0”,“react-native”:“^0.28.0”,

0 投票
7 回答
8596 浏览

react-native - ReactNative ListView 不一致的分隔线

在 Android 4.4 上,ListView 分隔线粗细不一致,有的不渲染。我看不出这怎么可能是代码问题,这就是我渲染它们的方式:

这是有此问题的视图的屏幕截图:

在此处输入图像描述

此问题在 iOS 或 Android 6 上不会发生。

以前有人遇到过这个问题吗?

更新

我做了一个测试,这不是Android4的问题。在 Nexus One 设备上运行时,所有 API 版本都会发生这种情况(在 android 模拟器中)

0 投票
1 回答
10175 浏览

javascript - 错误:找不到模块“react-native”/找不到模块:错误:无法解析模块“react-native-web”

好吧,我正在拼命尝试安装一个具有功能 ListView 组件的 react-native-web 分支。这个分支,具体来说。

我将它安装到项目目录中,如下所示:npm install --save react@0.14 react-dom@0.14 https://github.com/IjzerenHein/react-native-web/tarball/feaure-listview2

直接从安装react-native-web似乎没有这个问题。

这就是 index.web.js 的样子:

这是控制台告诉我的(其中一部分,里面的文字太多了!):

0 投票
1 回答
408 浏览

react-native - onPress 事件触发 ListView Item 而不是 TabBarIOS Item

我有一个 react-native 应用程序,在屏幕底部有一个可滚动ListView的可点击项目。TabBarIOS我相信你明白了,但附上截图以防万一。

页面截图

出于某种原因,当我点击TabBarIOS.Item它时,它会触发下面的可点击项目,我不知道为什么。

发布我的渲染功能。如果有人能告诉我我做错了什么或提出一些我可以尝试的建议,我将不胜感激。提前致谢。

0 投票
1 回答
1908 浏览

react-native - 水平滚动 ListView 列的某些部分

我想在 React Native 中水平滚动 ListView 的某些部分。

如何固定第一列的位置并使其他列水平滚动?