问题标签 [react-android]

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 回答
3694 浏览

reactjs - React Native 中的 FlatList 不显示任何内容

我刚刚了解到 React Native 中有一个 flatList。我有一个服务列表,当用户点击每个服务时,它们会被重定向到这些服务可用的地址。我正在尝试在 FlatList 中显示这些地址。服务列表的屏幕截图如下:

在此处输入图像描述

当用户点击测试服务时,我想以 FlatList 的形式显示地址。我不确定,但是我在 flatList 中显示的任何内容都没有显示在页面上。下面是我的整个代码,包括平面列表:

Item.services.serv 内容没有出现在我的第二个屏幕截图中。下面是我的 JSON 和生成的屏幕文件的屏幕截图“:

在此处输入图像描述

[

]

任何帮助将不胜感激。我为 flatList 尝试了以下内容

这是我尝试的另一种方式:

0 投票
3 回答
128 浏览

react-native - 无法在设备上安装应用程序(反应)

我试图react-native run-android通过我的 React 项目运行。之后, 我得到了这个错误

0 投票
1 回答
2331 浏览

javascript - undefined 不是对象 React Native

当我试图从 navigationOptions 的上下文中调用this.refs时,我知道错误 undefined is not an object 。

如果我用代码解释会更好:

任何人都知道如何解决这个问题?

0 投票
1 回答
61 浏览

reactjs - 绑定 ListView 时出错

绑定 listView 时,我的渲染函数出现错误。以下是错误的代码和屏幕截图:

在此处输入图像描述

我的代码如下。我正在尝试将搜索框放在列表视图的顶部。一切正常,但是当我尝试放置搜索框时,我开始收到上述错误:

我的 JSON (service.json) 文件如下所示:

任何帮助将不胜感激。

0 投票
1 回答
242 浏览

reactjs - 放入状态时,ListView DataSource 不显示数据

我是 React Native 的新手。我的代码中有以下 renderInitialView() 。如果我在此 renderInitialView 函数中编写以下语句,我的 renderInitialView() 函数将在列表视图中显示数据,

如果我在状态中声明相同的 statemnet,那么我的列表视图开始抛出错误,错误未定义不是函数(评估 '_this.state({dataSource: ds.cloneWithRows(_this.props.services})'),下面是我的带有状态的 renderinitialView() 函数

如果我删除状态并只写

this.dataSource = ds.cloneWithRows(this.props.services);

然后我的列表视图显示数据。我想在状态内显示带有数据源的列表视图。我不确定我做错了什么。下面是我整个页面的代码。如果我删除该代码有效

并将其替换为

下面是我的页面上带有构造函数的完整代码

任何帮助将不胜感激。

0 投票
1 回答
750 浏览

reactjs - 根据传入的参数过滤json数据

我有以下 JSON 文件。我想根据外键(fk)过滤数据。如果我将参数作为 1 传递给我的页面,那么我希望过滤掉 fk 键为 1 且 id 为 1,2 和 3 的前三行。我希望它们显示为列表视图。

如果我将参数作为 2 传递,那么我希望将 id 为 4、5 和 6 的行以及 2 的 fk 过滤掉。

fk 参数来自我以前的具有列表视图的页面,如果用户选择特定项目,则该项目 ID 将传递到此页面。

下面是我的整个代码。我确实在 componentdidMount() 中应用了 data.filter,但现在我得到了一个空列表。我不确定我做错了什么:

任何帮助将不胜感激。

0 投票
2 回答
3048 浏览

reactjs - 在 React Native 中计算距离

我想获得从我当前位置到目的地的距离。我的 JSON 文件中确实有目的地的经度和纬度。如何获取当前位置的经度和纬度,以便计算两点之间的距离?我在我的 android 模拟器中尝试了下面的代码,但我一直遇到超时问题。

我只想获取从当前位置到目的地的距离(以英里为单位)。我怎样才能做到这一点?下面是屏幕以及在此处输入图像描述我收到的错误:

0 投票
1 回答
312 浏览

reactjs - 收到错误说 TypeError undefined is not an object

我正在尝试在 Listview 中显示数据。首先,我根据用户在前一个屏幕上所做的选择过滤数据(JSON 文件)。我通过说将参数传递到下一个屏幕:

根据上面的参数,我在render函数里面做了ListView.DataSource。唯一的原因是,我尝试在渲染函数中执行 ListView.DatSource,因为据我了解,这是唯一可以读取参数值的地方。当我尝试显示我的 listView 时,我收到一条错误消息:

TypeError undefined 不是对象。下面是屏幕截图:

在此处输入图像描述

下面是我的代码:

下面是我的 JSON 文件:

0 投票
0 回答
363 浏览

reactjs - 访问 this.props.navigation.state.params 外部渲染

我将参数从 ListView 传递到详细页面。我可以在详细页面的渲染之外访问此参数吗?

下面是我传递参数的代码:

我可以使用下面的代码在我的详细页面上获取参数值:

我需要做 this.props.navigation.state.params.item.Location 外渲染。我想这样做的原因是因为我想通过根据传递的参数过滤我的 Json 数据来在我的详细页面上创建一个 ListView,例如,如果传递的参数是 2,那么我想根据 2 过滤我的 JSON 数据并创建另一个列表视图。

据我所知,JSON 数据的过滤只能在渲染之外完成。不过我可能是错的,我是新来的反应本机的人。

以下是我的整个课程的详细页面。

下面是我在详细页面上遇到的错误的屏幕截图。

在此处输入图像描述

下面是我的母版页的完整代码,上面有一个列表视图,它工作正常:

[

]

我的 ServiceDetails.json 如下:

我怎样才能做到这一点?

0 投票
1 回答
131 浏览

reactjs - 指向另一个列表视图的列表视图

有没有人有任何导致另一个列表视图的列表视图示例,例如,如果我的列表视图具有以下内容:

单亲家庭


多路复用


双工


4卧室住宅

如果有人选择单 4 卧室住宅,我希望用户引导到另一个列表视图,该视图显示 4 卧室住宅可用的地方。我怎样才能做到这一点:

环道


橙子


河公路


环城路

我正在使用两个 JSON 文件来实现我正在尝试做的事情:

第二个 JSON 文件

我想要这样的东西:

第一个列表视图:

2 间卧室


3 间卧室


公寓


4 卧室


双工


多路复用


当用户选择 2 Bedroom 时,他/她将被重定向到另一个列表视图,如下所示:

以上所有内容的父 ID (PID) 为 0,与第一个 JSON 文件的 ID 匹配。

如果用户选择 3 Bedroom 那么他/她将被重定向到另一个列表视图,如下所示:

在上述情况下,父 (PID) 为 1,与第一个 JSON 文件的 ID 匹配。

我的第一个 JSON 文件中有大约 100 条记录,第二个 JSON 文件中有大约 300 条记录。我在上面给出了一些示例数据。

下面是代码和错误描述。我在代码中遇到错误:

下面是错误描述:

任何帮助将不胜感激。