react-native-1

1.首先安装 这个脚手架
cnpm install expo-cli -g
2.然后 expo init 项目名字
 
3.然后 选择blank 或者第二个 第二个是给你一些demo
而为了方便选择第一个就可以
 
4.可以观看package.json的scripts
 
 
执行 expo start 运行
 
 
 
 
手机安装Expo  
 
 
 
然后扫描二维码
 
 
强调:手机和电脑必须在一个网段
 
 
这个是react-native的官网
https://facebook.github.io/react-native/docs/getting-started
 
 
 
当你需要改变 console.log() 一些东西的时候 你可以 摇一摇手机 点击Debug JS Remotely 然后在刷新一下手机  在电脑上也就会弹出一个页面 就可以看到打印的信息了
 
下面介绍几个基本的组件 因为不是基于浏览器开发的所以 关于浏览器的标签啊啥的 全都忘记吧
 
改变键盘的样式   keyboardType:....
 
 
TouchableHighlight:让包裹的组件可以点击
 
 
ScrollView 组件就和原生的overflow-y:scroll 一样 但是已经被废弃了 他会将所有的都渲染比较消耗性能 scrollView 可以使用view组件的所有东西
 
FlatList or  SectionList: 使用的更多,性能好,不显示的全部卸载掉
 
更多内容 敬请期待。。。

猜你喜欢

转载自www.cnblogs.com/zhangjixiang123/p/10033634.html
今日推荐