Chinaunix首页 | 论坛 | 博客
  • 博客访问: 379326
  • 博文数量: 49
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 510
  • 用 户 组: 普通用户
  • 注册时间: 2019-06-19 18:48
文章分类
文章存档

2019年(49)

我的朋友

分类: JavaScript

2019-07-15 16:18:58

安装React Native命令行 

打开终端或命令提示符并执行以下命令,这将全局安装React Native Cli。 在此之前,您必须使用最新的Node.js软件设置您的机器。 
$  sudo  npm  install  -g  react-native-cli
注意 :这只适用于Mac OS,很快它们将针对Linux和Windows发布 创建并启动React Native Project 这里的新命令将处理项目文件。 使用ng服务命令启动应用程序。 



$  react-native  init   MyProject  $ cd MyProject 

使用的iOS模拟器启动项目 
$  react-native   run-ios

使用的Android模拟器启动您的 
$  react-native   run-android

热加载 命令+ D 启用热加载以进行实时开发。 


React Native Hot Loading for Development

入门 此项目的英文一个显示博客供稿的页面。 首先,我们将此页面分为3个组件,如页眉,页脚和正文。 创建SRC夹数文件 创建appHeader.js,appBody.js和appFooter.js等组件。 




React Native Components文件夹

appHeader.js 标头组件,包含移动应用程序标头。 

从  '  react  '  导入  React,{Component}  ;  从   '  react-native  '  导入   {  Text  }   ;  export  default  class  AppHeader  extends  Component {  render (){  return( <  Text          Header  
阅读(4241) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~