博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React-Native 环境部署
阅读量:4579 次
发布时间:2019-06-09

本文共 996 字,大约阅读时间需要 3 分钟。

(1)需要一台Mac(OSX)(2)在Mac上安装Xcode,建议Xcode 6.3以上版本(3)安装node.js:https://nodejs.org/download/(4)建议安装watchman,终端命令:brew install watchman(5)安装flow:brew install flow
打开终端,开始React-Native开发的旅程吧。(1)安装命令行工具:sudo npm install -g react-native-cli(2)创建一个空项目:react-native init HelloWorld(3)找到创建的HelloWorld项目,双击HelloWorld.xcodeproj即可在xcode中打开项目。xcodeproj是xcode的项目文件。(4)在xcode中,使用快捷键cmd + R即可启动项目。基本的Xcode功能可以熟悉,比如模拟器的选择等。启动完成后,你会看到React-Packger和iOS模拟器,具体的效果如下,说明你创建项目成功了。 如果项目中断  cd到项目根目录 执行 npm start react-native run-ios  运行ios
1, 当一个(元素)组件,定义了flex属性时,表示该元素是可伸缩的。当然flex的属性值是大于0的时候才伸缩,其小于和等于0的时候不伸缩,例如:flex:0, flex:-1等。上面的代码,最外层的view是可伸缩的,因为没有兄弟节点和它抢占空间。里层是3个view,可以看到三个view的flex属性加起来是5+5+10=20,所以第一个view和第二个view分别占1/4伸缩空间, 最后一个view占据1/2空间 2,flexDirection在React-Native中只有两个属性,一个是row(横向伸缩)和column(纵向伸缩) 3,alignSelf的对齐方式主要有四种:flex-start 左边、 flex-end 右边、 center中间、  auto 自动、 stretch
alignItems 是alignSelf的变种,跟alignSelf的功能类似,可用于水平居中; justifyContent用于垂直居中,属性较多
 
 
 
 

转载于:https://www.cnblogs.com/liaolijun/p/7905345.html

你可能感兴趣的文章
adbd cannot run as root in production builds
查看>>
数据结构实践——败者树归并模拟
查看>>
sum over 分析函数用法
查看>>
git的使用理解(分支合并的使用理解,多人编程的解决方案)
查看>>
Linux之线程相关命令及常用命令
查看>>
JS进阶
查看>>
pwnable random
查看>>
silverlight 控件自定义样式 实现方法
查看>>
VirtualBox Cannot register the hard disk
查看>>
Linux的yum的配置
查看>>
tornado调用ioloop TracebackFuture实现非堵塞的模块
查看>>
chrome桌面通知notification
查看>>
codeforces 916E Jamie and Tree dfs序列化+线段树+LCA
查看>>
个人阅读作业+总结
查看>>
caffe.bin caffe的框架
查看>>
maven+springmvc+spring+mybatis+velocity整合
查看>>
1.Java集合框架剖析
查看>>
学习使用C语言实现线性表
查看>>
跨平台移动开发 Android使用JPush推送消息
查看>>
虚拟机里linux系统安装 CentOS 64-bit(6.4版本)——笔记
查看>>