Questions tagged «react-native»

我正在尝试在Nexus5（android 5.1.1）上运行AwesomeProject。 我能够构建项目并将其安装在设备上。但是当我运行它时，我得到一个红色屏幕说 无法下载JS捆绑包。您是否忘了启动开发服务器或连接设备？ 在React Native iOS中，我可以选择离线加载jsbundle。如何在Android上做同样的事情？（或者至少在哪里可以配置服务器地址？） 更新资料 要在本地服务器上运行，请在react-native项目根目录下运行以下命令 react-native start > /dev/null 2>&1 & adb reverse tcp:8081 tcp:8081 请查看dsissitka的答案以了解更多详细信息。 要在没有服务器的情况下运行，请通过运行以下命令将jsfile捆绑到apk中： 在下面创建资产文件夹 android/app/src/main curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle" 请查看kzzzf的答案以了解更多详细信息。

201 android  react-native 

当我运行一个本机反应项目时，我得到一个错误no bundle URL present，但是我不知道自己犯了什么错误，我感到非常困惑。

199 ios  reactjs  react-native 

我定义了两个TextInput字段，如下所示： <TextInput style = {styles.titleInput} returnKeyType = {"next"} autoFocus = {true} placeholder = "Title" /> <TextInput style = {styles.descriptionInput} multiline = {true} maxLength = {200} placeholder = "Description" /> 但是在按下键盘上的“下一步”按钮后，我的本机应用程序没有跳到第二个TextInput字段。我该如何实现？ 谢谢！

199 ios  react-native 

从世博网站 Expo使Web开发人员只需编写一次JavaScript，即可构建可在iOS和Android上同时运行的真正本机应用程序。 这不是React Native的功能吗？有什么不同？

199 react-native  react-native-android  expo  react-native-ios  exponentjs 

想要改善这篇文章吗？提供此问题的详细答案，包括引文和答案正确的解释。答案不够详细的答案可能会被编辑或删除。 当我初始化一个新项目然后启动Xcode模拟器时，收到以下消息： React-Native版本不匹配 Javascript版本0.50.1本机版本：0.50.0 确保您已重建本机代码。... 有谁知道这里发生了什么并且可以帮助我？

195 react-native  react-native-android  react-native-ios 

如何render在React组件的方法内部使用注释？ 我有以下组成部分： 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) { super(props); } handleClick() { alert('I am click here'); } render() { return ( <div className="dropdown"> // whenClicked is a property not an event, per se. <Button whenClicked={this.handleClick} className="btn-default" title={this.props.title} subTitleClassName="caret"></Button> …

188 reactjs  react-native 

我曾经react-native init MyApp初始化一个新的React Native应用程序。这创建了一个带有软件包的Android项目com.myapp。 将此包名称更改为例如的最佳方法是com.mycompany.myapp什么？ 我尝试更改它，AndroidManifest.xml但它创建了其他错误，因此我假设这不是方法。 任何想法？

179 android  react-native  react-native-android 

我试图在ReactJS中切换组件的状态，但出现错误： 超过最大更新深度。当组件重复调用componentWillUpdate或componentDidUpdate内部的setState时，可能会发生这种情况。React限制了嵌套更新的数量，以防止无限循环。 我在代码中看不到无限循环，有人可以帮忙吗？ ReactJS组件代码： import React, { Component } from 'react'; import styled from 'styled-components'; class Item extends React.Component { constructor(props) { super(props); this.toggle= this.toggle.bind(this); this.state = { details: false } } toggle(){ const currentState = this.state.details; this.setState({ details: !currentState }); } render() { return ( <tr className="Item"> <td>{this.props.config.server}</td> <td>{this.props.config.verbose}</td> …

176 javascript  reactjs  react-native 

我正在Mac上使用React-Native，Android和Genymotion。运行react-native run-android时，在启动操作结束时得到以下行： ... 04:54:40 E/adb: error: could not install *smartsocket* listener: Address already in use 04:54:40 E/adb: ADB server didn't ACK 04:54:40 E/ddms: '/Users/paulbrie/Library/Android/sdk/platform-tools/adb,start-server' failed -- run manually if necessary 04:54:40 E/adb: * failed to start daemon * 04:54:40 E/adb: error: cannot connect to daemon :app:installDebug FAILED FAILURE: Build failed …

168 android  react-native  genymotion 

尝试在Android 4.4.2上创建react-native项目时出现此错误屏幕 并且找不到任何解决方法。我尝试重新启动打包程序，重新连接设备，甚至重新安装react native并启动新项目。在6.0.0及更高版本上，它可以正常工作。

167 android  react-native 

我目前正在阅读React-Native教程。我从入门教程开始，在该教程中，我创建了一个新的react native项目，并成功地在设备上运行了该项目。 然后，我开始了Props教程，复制了代码片段并尝试再次运行该项目，并在屏幕上显示了以下错误消息：

166 javascript  facebook  reactjs  react-native 

由于我是本机新手，因此如果步骤中有任何错误，请告诉我。 我已经按照文档使用命令构建了一个React Native Android应用 react-native android 在设备上运行时，使用了以下命令 react-native运行Android 这使我的项目文件夹/ android / app / build / outputs / apk中有2个apk文件的输出 现在，当我用来在安装后安装此apk时，它要求开发服务器进行连接以捆绑JS。但是我的要求是用户不必安装开发服务器，而只需要安装apk就可以完成所有工作。 经历了一些stackoverflow问题，但对于构建不需要开发服务器的未签名apk并没有帮助。 你们可以帮助我找到如何在本机中构建和未签名apk的方法吗？

166 android  apk  react-native 

react-native run-android命令会在Android模拟器中留下一条消息来终止。消息如下： 无法加载脚本。请确保您正在运行Metro服务器，或者已正确捆绑了软件包“ index.android.bundle”以进行发布。 我究竟做错了什么？

160 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

我已经设置了一个新的空白反应本机应用程序。 安装了几个节点模块后，出现此错误。 Running application on PGN518. internal/fs/watchers.js:173 throw error; ^ Error: ENOSPC: System limit for number of file watchers reached, watch '/home/badis/Desktop/react-native/albums/node_modules/.staging' at FSWatcher.start (internal/fs/watchers.js:165:26) at Object.watch (fs.js:1253:11) at NodeWatcher.watchdir (/home/badis/Desktop/react-native/albums/node modules/sane/src/node watcher. js:175:20) at NodeWatcher.<anonymous> (/home/badis/Desktop/react-native/albums/node modules/sane/src/node watcher. js:310:16) at /home/badis/Desktop/react-native/albums/node modules/graceful-fs/polyfills.js:285:20 at FSReqWrap.oncomplete (fs.js:154:5) 我知道这与看守人没有足够的空间来监视所有文件更改有关。 我想知道最好的行动方法是什么？ 我应该node_modules通过将其添加到文件夹来忽略它.watchmanconfig吗？

160 react-native  watchman 

我正在开发React应用程序时探索React Native的可能性，并借助Navigatorcomponent在视图之间进行自定义导航。 主应用程序类呈现导航器，并在内部renderScene返回传递的组件： class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} renderScene={(route, navigator) => { // count the number of func calls console.log(route, navigator); if (route.component) { return React.createElement(route.component, { navigator }); } }} /> ); } } …

158 javascript  ios  navigation  reactjs  react-native