美文网首页
react-native的安装与编写hello world

react-native的安装与编写hello world

作者: 张展豪_RUN | 来源:发表于2016-10-15 19:51 被阅读0次

    React中文网:http://reactnative.cn/docs/0.30/getting-started.html#contentReact

    英文网:http://facebook.github.io/react-native/docs/webview.html

    Homebrew安装:

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    如果遇到权限问题运行

    sudo chown -R `whoami` /usr/local

    React Native的命令行工具:

    npm install -g react-native-cli

    如果你看到EACCES: permission denied这样的权限报错 运行:

    sudo chown -R `whoami` /usr/local

    Watchman工具:

    brew install watchman

    找一个目录下运行初始化

    react-native init AwesomeProject  

    如果遇到报错或权限问题运行(修复权限):

    sudo chmod 777 ~/.babel.json

    之后重新运行初始化进入文件夹运行

    cd AwesomeProject

    react-native run-ios


    想要引入外部http请求    

    需要用xcode打开本地info.plist把App Transport Security Settings 点开后的  Allow Arbitrary Loads    改成YES


    编写Hello World

    importReact, {Component} from'react';import{

                AppRegistry,

               Text} from'react-native';

    classHelloWorldAppextendsComponent{  render() {return(      Helloworld!    );  }}

    // 注意,这里用引号括起来的'HelloWorldApp'必须和你init创建的项目名一致AppRegistry.registerComponent('HelloWorldApp', () =>HelloWorldApp);

    相关文章

      网友评论

          本文标题:react-native的安装与编写hello world

          本文链接:https://www.haomeiwen.com/subject/cihoyttx.html