Android react-native初体验

  • Z时代
  • 2024-01-10
  • 分类：综合

react

经过查看各种资料, 终于对react-native有个初步的概念

- 前端开发人员可以在此套框架下, 通过编写JSX代码, 实现app的开发(iOS, Android),无需写原生代码;
- 使用react-native开发的应用,支持热更新,可直接在云端更新JS以更新应用,终端无需重新安装;

官方Demo的Android安装:

  • 命令行界面下:

  1. $ npm install -g react-native-cli

     此步骤为安装react-native的环境,需要事先安装好npm

  1. $ react-native init AwesomeProject

     构建demo工程,执行完后,在默认的路径下,会有工程文件

    1. 上面,android,ios分别对应个各平台的工程文件, 其中,android的,可以用Android Studio直接打开工程

    2. 不同平台,对应着不同的js文件;

  1. $ cd AwesomeProject/

     进入到AwesomProject目录下

  2. $ react-native run-android

     运行编译程序,这过程会下载构建android应用所需的相关包及依赖

 

　　　　执行后,出现了另外一个命令行窗口(React Packager),相当于react-native应用的云端js server,需保持开启着才能实现远程热更新
　　　　

　　　　成功后,便将App发布到终端上了
　　　　
　　　　
　　　　

　　　

云端更新:

　　可直接修改在修改对应平台的js文件,保存

　　移动端直接reload,则可更新

　　　　
　　在显示菜单列表( Gtrl+M 显示),选择"reload"即可
　　　　

　　打开Enable Hot Reloading,可以自动热更新,云端修改好保存,终端自动响应更新,简直不要太diao


此番体验下来,深深地感受到,纯做应用开发失业的可能性.react-native的开发模式,也应和了FB的 learn once,write everywhere.开发人员仅需掌握js及前端开发的相关技能,便可做到对全平台的覆盖


 

 

以上是 Android react-native初体验 的全部内容， 来源链接： utcz.com/z/383858.html

回到顶部