Tag: react native

React Native Android不包括一些内置的组件和API

我有一个奇怪的问题。 假设我正在尝试使用ToastAndroid API和RN。 根据文档,可以像这样包含它: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, Image, ToastAndroid } = React; 但是,当我尝试使用这一行: ToastAndroid.show("hello world", ToastAndroid.SHORT); 我得到这个错误: undefined is not an object (evaluating 'ToastAndroid.show') ,这表明它没有被正确包含。 我尝试从导入中删除ToastAndroid行,并显式导入像这样: var { AppRegistry, StyleSheet, Text, View, Image, } = React; var ToastAndroid = require('ToastAndroid'); 而这似乎是伎俩。 完全相同的故事,我尝试了其他Android相关的东西,如DrawerLayoutAndroid 。 为什么我不能像文档中描述的那样进行这些导入? 我是新来的节点和反应,所以很抱歉,如果我失去了明显的东西。

反应本地启动

按照初始设置的说明,我find一个红色屏幕时发现: ReferenceError:找不到variables:__fbBatchedBridge(生成的包中的第1行) 重新加载后,它变成了: 无法下载JS捆绑 比我发现在控制台中inputreact-native start的build议。 结果: 反应,本机启动 /local/react_native/android_program1/node_modules/react-native/local-cli/cli.js:74 const setupEnvScript = /^win/.test(process.platform)^^^^^ SyntaxError:在严格模式下使用const。 在Module._extensions.js(module.js:474:10)上​​的Module._compile(module.js:439:25)在Object.require.extensions(匿名函数)[as .js](/ local / react_native /android_program1/node_modules/react-native/node_modules/babel-core/node_modules/babel-register/lib/node.js:142:7)在Module.load(module.js:356:32)在Function.Module._load (module.js:312:12)在Module.require(module.js:364:17)在要求(module.js:380:17)在对象。 (module.js:456:26)在Object.Module._extensions..js(module.js:474)处的(/local/react_native/android_program1/node_modules/react-native/cli.js:15:18) :10) 我在用着: RHEL 7,npm 1.3.6,nodejs 0.10.36,反应原生0.19。 我怎样才能使它工作?

运行reactJS客户端与NodeJS

我是.net开发人员。以前的开发人员使用nodeJS并对一个项目作出反应。我必须完成该项目。该项目使用nodeJS,并且反应JS.I在Windows 8中安装了NodeJS 我安装包(NPM安装)它运作良好。但现在我尝试运行启动项目,但它给错误 当我写入npm启动它给出了这个错误 Failed at the react-seed @0.0.13 start script node_env=development node dev-server .webpack/config 这里是日志文件 0 info it worked if it ends with ok 1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe', 1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js', 1 verbose cli 'start' ] 2 info using npm@2.14.20 3 info using node@v4.4.1 4 verbose run-script [ 'prestart', 'start', […]

react-native android genymotion错误java.util.concurrent.ExecutionException:

我使用genymotion 2.6.0,android api23,react-native。 我已经使用cmd react-native run-android创build了该项目 对于js服务器,我使用了npm start 该项目创build,我试图在genymotion上运行项目.. 它显示错误 如果我试图重新加载错误更改为此 我已经尝试过adb反向TCP:8081 TCP:8081 还dev设置/debugging/ debugserver主机和端口的设备 在这里,我写了我的IP地址,即192.168.30.2:8081

在点击react-native android上创build模式

我在反应本土还是新的, 所以我试着做一个简单的应用程序,当按下它只是打开警报作为这个代码的button class MyFirstReactapril extends Component{ render(){ return( <View style={styles.container}> <Text style={styles.welcome}> Welcome Nesreen</Text> <TouchableHighlight style={styles.button} onPress={this.showAlert}> <Text style={styles.buttonText}>Myalert</Text> </TouchableHighlight> </View> ) } showAlert(){ Alert.alert('Fast Donation','', [{text : 'Donate now'},{text : 'add to Container'}]) } } 现在我想打开莫代尔button点击不只是警报我试图阅读这个http://facebook.github.io/react-native/docs/modal.html#content,但我真的失去了如何使模态使用react-本机?

如何解决这个封装器错误的反应原生的Android

你好新的反应原生Android.Am做例子APP 提到这个: http://blog.couchbase.com/2015/november/getting-started-with-react-native-android-and-couchbase-lite npm开始之后得到这个错误: npm ERR! Linux 3.16.0-70-generic npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! node v6.0.0 npm ERR! npm v3.9.0 npm ERR! code ELIFECYCLE npm ERR! react_sample@1.0.0 start: `node_modules/react-native/packager/packager.sh` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the react_sample@1.0.0 start script 'node_modules/react-native/packager/packager.sh'. npm ERR! Make sure you have the latest […]

React-Native和AutobahnJS

我正尝试使用npm包react-native-autobahnjs在React-Native应用程序中与WebSocket服务器build立连接。 这是我的代码: import autobahn from 'react-native-autobahnjs'; class websocket extends Component { componentWillMount () { console.warn("MOUNTING MAIN COMPONENT"); const connection = new autobahn.Connection({ url: 'wss://myserver/ws', realm: 'realm1' }); connection.onopen = () => { console.warn("onopen"); }; connection.onclose = (reason, details) => { console.warn("onclose : reason = " + reason + ", details = " + details); }; […]

React Native – Packager非常慢

我有一个关于加快开发过程从本地反应的问题。 如果我通过terminal在项目根目录下运行react-native run-ios 。 一个新的terminal窗口popup,打包程序在8081端口上运行。打包程序也启动模拟程序。 包装说几秒钟后 React packager ready. [5:15:59 PM] <START> request:/index.ios.bundle?platform=ios&dev=true&minify=false [5:15:59 PM] <START> find dependencies 之后,模拟器连接到打包程序需要大约6-10分钟(在这段时间内,模拟器会抛出几次错误,导致他无法连接)。 但是,包装器初始化后,一切正常。 该应用程序已经启动,并连接到打包程序。 每当我安装新的模块(例如通过npm)或删除一些文件,我必须删除模拟器的应用程序,并且必须再次运行react-native run-ios 。 有时,当我只改变代码。 另一方面有时我可以改变代码,并可以在模拟器中通过CMD + R重新加载,一切都按预期工作。 我可以加速打包者,还是有什么我错过了重新加载? 我没有安装这么多的模块,这个项目刚刚开始(非常小)

如何将一个反应原生的js文件转换为纯javascript文件?

我想将一个类似react-native的js文件转换为普通的javascript文件,以便它可以由JavaScriptCore执行。 我知道browserify可以将节点类文件转换为纯JavaScript文件。 但是当我执行时: browserify script.js -o bundle.js -t [ babelify –presets [ es2015 react ] ] 它返回一个错误: Cannot find module 'ActivityIndicator' from '/home/yjy/Work/react_native/Webview/node_modules/react-native/Libraries/react-native' script.js如下所示: import React, { Component } from 'react'; import { AppRegistry, Text, } from 'react-native'; class Hello extends Component { render() { return ( <Text>HelloWorld…..</Text> ); } } 我试图将ActivityIndi​​cator.js文件复制到这个文件夹,但它仍然报告相同的错误。我可以如何解决这个问题? 更重要的是,如何反应本地解决scheme将这些模块捆绑到一个捆绑文件? index.android.bundle文件和可执行的普通js文件有什么区别? 任何build议表示赞赏!

未find命令react-native和create-react-app(Mac OS)

我想我已经打破了我的节点/ react-native / react PATH /安装/链接,从昨天开始,我试图弄清楚该怎么做。 错误是: zsh: command not found: create-react-app zsh: command not found: react-native 在我的which node : /usr/local/bin/node 我的npm get prefix : /Users/username/.npm-packages 我的path是: /Users/username/.rvm/gems/ruby-2.3.0/bin:/Users/username/.rvm/gems/ruby-2.3.0@global/bin:/Users/username/.rvm/rubies/ruby- 2.3.0 / bin中:在/ usr / local / bin中:在/ usr / bin中:/ bin中:/ usr / sbin目录:/ sbin目录:/Users/username/.npm-packages:在/ usr / local / bin中/节点:/用户/username/.rvm/bin 编辑: 我的解决方法是卸载所有的NODE.JS安装 以下是完全卸载node + npm的最佳方法: 去/ […]