问题标签 [react-native]

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 投票
1 回答
3222 浏览

react-native - 从 NavigatorIOS.onRightButtonPress 内部访问 this.props.navigator

我正在为 NavigatorIOS 组件上的“onRightButtonPress”事件而苦苦挣扎。处理程序似乎没有获得 this.props.navigator 的引用。

我可能做错了什么,但我试图通过点击 NavigatorIOS 组件上的右键导航到新场景。

我错过了什么?

非常感谢您的帮助,Ijonas。

更新

在 Colin Ramsay 在下面使用 refs 的建议之后,我得到了以下解决方案来为我工作:

非常感谢科林。

0 投票
7 回答
23918 浏览

ios - React 在任何根目录中都找不到入口文件

我在我的 iOS 项目中使用 React Native 作为 Pod。当我尝试加载使用 React Native 创建的视图时,出现错误屏幕,将我指向运行 npm 的终端窗口。

在终端中,我看到的错误是:错误:在任何根目录中找不到条目文件:

我尝试了几件事,将文件移动到不同的位置,但没有运气。我确实运行了“npm start”,并且正在“ http://localhost:8081/ ”中寻找文件。文件的当前位置与我运行“npm start”的位置相同。

我完全被困在这里。我是不是配置错了。如何从这里进行故障排除?

0 投票
9 回答
69006 浏览

listview - React Native 中的 ListView 网格

我正在 React Native 中构建一个简单的应用程序,它从远程 JSON 源获取列表并将它们显示在屏幕上。

到目前为止,使用这里的优秀示例,我已经设法使用 ListView 组件按行显示结果(即每行 1 个结果,请参见屏幕截图)。我需要将结果显示在网格中,即每行 3 到 6 个项目,具体取决于屏幕尺寸和方向。

将这些结果放入网格的最佳方法是什么?我可以为此使用 ListView,还是仅用于每行一个结果?我尝试过使用 flexbox 样式,但是由于 React 似乎不接受 % 值并且 ListView 不接受样式,所以我还没有取得任何成功。

这就是我的列表目前显示的方式 - 每行一个。

0 投票
1 回答
3086 浏览

reactjs - react-native:如何将 asyncstorage 与 RocksDB 一起使用?

我想将数据嵌入到 react-native 应用程序中。我认为我们必须使用异步存储。我们可以使用rocksdb作为asyncstorage的存储。文档没有给出任何例子。想知道如何将它与rocksdb一起使用。

此外,react-native 文档提到异步存储数据是全局的。这是否意味着所有应用程序都可以访问异步存储数据?

0 投票
1 回答
1607 浏览

javascript - 将应用内购买支持构建到反应原生代码中

我正在构建一个带有本机反应的 iOS 应用程序,并且需要从 App Store 添加应用程序内购买。如何将我的(JS)反应代码与现有库链接以处理此类功能?

0 投票
8 回答
35334 浏览

ios - 是否可以将 React Native 与 socket.io 结合使用

我正在使用 Phonegap + React.js 和 Socket.io 开发一个应用程序。然而,随后 React-Native 发布了,原生的感觉很棒。

我尝试让 socket.io-client 与 React Native 一起工作,但不幸的是没有取得多大成功。我做了一些研究,我得到了与本期中描述的完全相同的错误:https ://github.com/facebook/react-native/issues/375

关于这个问题的评论说尝试使用 fetch API 来获取 JS 模块,但我认为我做错了:

这将返回一个undefined is not a function

有没有办法让 socket.io-client 与 React Native 一起工作?还是我看错了?也许还有其他更适合的解决方案?

0 投票
1 回答
801 浏览

objective-c - React Native 如何读取/观察原生 Objective-C 模型数据?

我正在构建一个本机 iOS 应用程序,该应用程序已经通过 Parse iOS SDK 管理在线和离线数据。我最近发现了 React Native 的好处,并希望在可能的情况下使用 React Native 构建未来的功能。

我已经完成了在 Objective-C 中构建模型对象和管理数据的艰巨工作,而我想要 React Native 做的就是为我构建一个视图来显示它。

作为 React,我还希望每当 Objective-C 模型更新时,React 的视图也会更新为最新数据:即双向数据绑定。我目前会使用 ReactiveCocoa 的RACChannels 来实现类似的东西。

问题:React Native 只理解 Javascript 对象。虽然您可以通过公开本地方法RCT_EXPORT()并返回NSDictionary表示底层数据副本的对象(让JavascriptCore 为您执行转换),但它只是一个副本。

假设一个 Objective-C 后台线程从服务器获取新数据。React Native 视图如何使用来自 Objective-C 的最新服务器数据进行更新?

0 投票
8 回答
65999 浏览

javascript - 如何在 React Native 的 MapView 中设置标记

0 投票
1 回答
1203 浏览

d3.js - 将 react-d3 添加到我的 react-native 应用程序会导致错误

我对 很陌生reactJS,并且刚刚开始使用react-native

react-d3使用 npm install --save-dev react-d3 添加,但是当我刷新或重建应用程序时,我得到:

react-d3如果我从库中删除或卸载它工作正常。

谢谢

0 投票
3 回答
17742 浏览

javascript - 提交后如何让 React Native TextInput 保持焦点?

我可以解释我想要做什么,但是这个 ReactJS 示例正是我想要的。问题是我无法弄清楚反应原生的等效物是什么。

基本上,当我在 TextInput 中按回车键时,我希望清除文本并保持焦点。

有什么想法吗?