一.简简介

   对,你没有看错就是简简介,因为一句话概括,我想说的是,React Native开发的APP不是web APP还是原生APP,不过是通过js可以和原生组件库结合。

二、搭建Android开发环境

   因为本人是做Androi的,也没有mac电脑,所以这里只讲解Android开发环境的搭建

 

安装nodejs,python(版本为2,不要高于3)

React-Native 环境搭建

然后安装React Native的命令行工具:

npm install -g yarn react-native-cli
 

安装Android studio及sdk,jdk,并配置java及sdk的环境变量

三.HelloWorld

新建项目:

react-nativie init rndemo(项目名称)

如果新建过程中报错,可能的原因有:首先判断node是否安装成功,使用上述图片方法验证

新建成功项目目录如下:

React-Native 环境搭建

运行项目:
react-native run-android,(真机上运行和android开发一样)

运行成功后则会在app上看到效果

 

React-Native 环境搭建

测试的第一个项目中,运行后会有红色bug,详细原因不清楚,等上班时再去研究一下那个有错误的demo,刚刚入门Rn开发Android,希望多多交流。

React-Native 环境搭建

欢迎关注技术公众号,微信号搜索ColorfulCode 代码男人

分享技术文章,投稿分享,不限技术种类,不限技术深度,让更多人因为分享而受益。

React-Native 环境搭建

 

 

相关文章:

  • 2022-12-23
  • 2021-07-04
  • 2021-06-26
猜你喜欢
  • 2021-12-29
  • 2021-10-21
  • 2021-11-05
  • 2021-10-13
  • 2021-08-24
  • 2021-10-09
相关资源
相似解决方案