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

listview - 在设置状态后,listView renderRow 没有调用

在列表视图中,当单击 renderRow 中显示刻度线的列表视图数据时,我这样写

我的 react-native 版本是:0.51.0 这里的问题是当数据最多 10 条记录时,我的代码在 OnTeam 函数中的 setState 之后工作,它再次渲染到 renderRow() 并显示刻度线,但问题是数据何时超过 10 条记录它不会进入 renderRow 数据,请给我建议如何解决它任何帮助非常感谢

0 投票
0 回答
1812 浏览

javascript - 固定 Header 水平 ListView react-native

我使用 react-native 列表视图创建了一个表格视图。

我想修复此表中的标题和第一列。

这是我创建的:

在此处输入图像描述

此列表视图可水平和垂直滚动,并且所有数据都是动态的。

如果可能,我想冻结此表的标题和第一列

这是我的代码:

0 投票
2 回答
3620 浏览

javascript - React Native ListView 与领域结果

我正在尝试创建一个 react-native ListView 来呈现 Realm 返回的结果。我一直按照我找到的关于 react-native 的 ListView 以及如何使用 Realm 的说明进行操作。

但是我总是遇到同样的错误:Objects are not valid as a React child (found: [object Results]). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of 'Text'.

从我从领域文档和其他文章中了解到的结果对象应该表现得像一个 javascript 列表,因此应该被接受到 cloneWithRows 方法中。

如果有人可以告诉我我做错了什么或如何解决这个问题,将不胜感激。

PS 我已经尝试过 react-native 的 ListView 和 Realm 的 ListView 并且两者的行为方式相同。

0 投票
3 回答
31627 浏览

react-native - React-native - 将数据从一个屏幕传递到另一个屏幕

我正在尝试学习如何使用 react-native,所以我正在建立一个小应用程序,它从服务器获取用户列表,将其显示在 a 中listview,并且按下一行会打开一个显示用户数据的屏幕。

我设置了一个导航器从一个屏幕转到另一个屏幕。按下行时,我可以打开一个新屏幕,但我不知道如何将数据传递到这个新屏幕。

我设置了一个导航器index.android.js

首先,我显示一个带有按钮和空列表视图(ContactList.js)的屏幕,按下按钮后,我获取一些用于更新的 JSON 数据listview

当按下一行时,它会打开一个新屏幕ContactDetails.js,该屏幕应该显示用户的数据:

此时我收到此错误:

undefined 不是对象(评估“this.props.title”)

我尝试了很多事情,例如:

或者

或者

但无济于事。

我还读到我应该使用 redux。难道我做错了什么 ?

编辑:问题在这里:

我想我应该在那里传递一些参数,但是我上面的任何尝试都失败了。

0 投票
1 回答
4394 浏览

reactjs - React Native ListView 性能太慢?

我的应用程序中有 113 条记录。react 本机 listView 需要 3 多秒才能呈现所有行。我怎样才能让它高效,这样时间消耗可以最小化,应用程序体验可以流畅。我已经在 ios 中检查了相同的应用程序,与 react-native 应用程序版本相比,它效率更高。我在每一行都有一个头像图像和名称和按钮。

这是我的列表视图代码

这是名人行的代码

});

0 投票
2 回答
358 浏览

android - 我们可以将listview用于异构集合吗

我需要创建一个像 facebook 应用程序这样的提要屏幕,我将从 api 获取数据,并且每一行都有不同大小的图像和文本。我知道 ScrollView 既适用于同质集合又适用于异构集合,而 listView 仅适用于同质集合,但我可以将 listview 用于提要的异构集合。?

0 投票
1 回答
2991 浏览

android - 在 React Native 中从 Web 服务填充 ListView

我有这段 react-native 代码:

我认为应该发生的是,当从服务器收到答案时,列表中会填充它的结果。但这不是正在发生的事情。Intsead 我收到此错误:

那么我到底在做什么错呢?

0 投票
2 回答
1745 浏览

javascript - 如何将 React-native 与后端服务器集成?

我使用 django 作为后端,并为应用程序使用 react-native。当应用程序在 react-native 应用程序中打开时componentDidMount(),该方法将通过 url 向 django 服务器请求:

服务器将响应一组 json 对象。像这样:

由于我启用了远程调试,我可以在控制台中看到 json 对象。

我知道创建ListView. 我的问题是,当获取对象数组时,如何使用该对象数组来渲染它ListView,以便我可以显示每个列表项的标题和正文。我是否在构造函数中创建一个单独的状态并将其添加到数据源中?你如何将 react-native 应用程序与后端服务器集成?

0 投票
0 回答
59 浏览

react-native - 如何在视图中导航 - React Native?

我不知道我应该怎么称呼它,但我想做类似Fragment Identifier之类的东西

事实上,我有一个通知页面和另一个博客页面。我想要的是当我点击一个特定的通知时,它应该导航到博客页面中相应的文章标题。目前,它只导航到(开始)博客页面。

0 投票
3 回答
5340 浏览

react-native - React Native - ScrollView 中的 ListView 分页?

我在一个组件中有 3ListViewScrollView组件,如下所示:

Header组件有一些共同的内容,也有 3 个选项卡,它们触发显示各自的ListView

问题是ListView永远onEndReached={() => alert('load more 1')}不会运行警报,所以当我向下滚动并点击列表视图的末尾时,我永远无法加载更多。删除包装ScrollView并且警报运行,但 commonHeader不会滚动,因为我们刚刚删除了 wrapping ScrollView。标题需要随着列表视图滚动,这就是为什么我将需要滚动的所有内容都包装在ScrollView.

重要提示:对于这种情况, 我不能真正使用ListViewwith 。renderHeader={this.header}因为,即使会滚动,它也会在每次 a渲染时Header重新渲染 commonHeader和 3 个选项卡,而不是一次。因此,每次为每个新的重新渲染都不会为应用程序削减它。ListViewListViewHeaderListView

寻找解决此问题的方法,其中Header使用 listviews 滚动,并且onEndReached为 visible 触发ListView