Chinaunix首页 | 论坛 | 博客
  • 博客访问: 161834
  • 博文数量: 154
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 1575
  • 用 户 组: 普通用户
  • 注册时间: 2016-12-20 17:02
  • 认证徽章:
文章分类

全部博文(154)

文章存档

2017年(112)

2016年(42)

我的朋友

分类: Android平台

2017-01-16 16:43:56

个人实践

  • 用android studio创建一个基本的android hello world程序

    1240
    2016-09-28_172701.png
  • 在项目根目录中通过npm向导生成package.json文件,在cmd中输入命令:
    npm init

    1240
    2016-09-28_173638.png
  • 在package.json文件中添加启动脚本
    "start": "node node_modules/react-native/local-cli/cli.js start"

    1240
    2016-09-28_174027.png

注:这里可能会报一个json的错误,请仔细检查json:

     f8dbf3e4ea5dbdad3e0c59834b94a06ceb8c5c00


  • 添加react-native npm依赖,在命令行输入
    npm install react react-native --save

  • 创建index.android.js文件

import React from 'react'; import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native'; class HelloWorld extends React.Component {
  render() { return ( <View style={styles.container}> <Text style={styles.hello}>Hello, WorldText> View> )
  }
} var styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center',
  }, hello: { fontSize: 20, textAlign: 'center', margin: 10,
  },
});

AppRegistry.registerComponent('HelloWorld', () => HelloWorld);
  • 在你app的build.gradle文件中添加react native依赖库

    1240
    2016-09-28_175004.png
  • 在你project的build.gradle文件中添加react native路径


阅读全文直接点击:http://click.aliyun.com/m/9394/
阅读(325) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~
评论热议
请登录后评论。

登录 注册