React Native框架介绍

本文详细介绍了使用React Native进行移动应用开发的过程,包括环境搭建、项目创建与运行、组件生命周期等核心内容,并提供了官方文档及ES6语法等相关资源。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、环境搭建

       1. 安装node.js,并配置环境变量(node -v)

       2. 安装npm,(node.js集成了npm,无需安装,npm -v)

       3. 安装python,并配置环境变量(python -v)

       4. 安装react native命令行工具: npm install -g react-native-cli

       5. 安装webstorm

       配置pathon环境变量如下图:

  其他环境变量设置如下图:

二、创建工程

      1. 创建react-native android项目:react-native init MyProject

      2. 启动react-native服务:在项目文件夹下 react-native start

      3. react-native run-android(cmd管理员权限,真机上运行设置Dev Settings)

      注意事项:在真机上运行工程,会出现以下错误:

解决办法:手机摇一摇,或者通过系统菜单,打开调试菜单,如下图:

  点击最后一项:Dev Settings,如下图所示,配置上本机的ip地址和端口号,端口号固定为8081。然后点击确定,打开上图的调试菜单,点击Reload JS即可。

三、React Native组件生命周期

3-3-component-lifecycle

四、其他资料

1. React Native官方网站

      (1) react native英文官网:   https://facebook.github.io/react-native/docs
      (2) react native中文官网:http://reactnative.cn/docs/0.47/getting-started.html

2. ES6语法

       (1)阮一峰ES6简介: http://es6.ruanyifeng.com/#docs/intro



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值