经常听到别人说React Native,说是跨平台,是趋势。所以空闲时间就打算研究研究。
遇到过Android开发中嵌入web页面,用的是h5 css3 js 然后通过WebView组件来渲染,这种方式可以显示web,但是这种方式性能损耗很大。
引用书上的话
- React Native是一款用来开发真正原生、可渲染IOS和Android移动应用的JavaScript框架。
- 与Web平台上的React类似,React Native也是用JSX来进行开发,这种语言结合js和xml。
通过React Native实现一个最简单的helloworld,体验了一把这种开发方式。搞清楚了以下几个问题:
- Android开发还是需要Android的开发环境,IOS开发开发还是得需要IOS的开发环境,可以理解为我做了一个Android或者IOS应用的壳子,我把这些可复用的代码放到这个壳子中。
在开发的过程中刚开始用相关指令来新建项目,运行项目
react-native init project
react-native run-android
我们来看下生成项目的目录
其中
node_modules文件夹可以用来存放第三方模块
index.android,js android 程序开始的入口文件
index.ios.js ios 程序开始的入口文件
package.json 项目和包的描述文件
我们可以借助开发工具来开发,Android Studio 和 WebStorm 来开发。
- 用AS导入项目中的Android项目,可以在AS中运行项目,亲测可以。
- WebStorm来开发js相关,这里用ES6,比较多,本人对js,还处在学习阶段,实话说还没开始用WebStrom
在后面的学习中,再把怎样Android和WebStorm联合开发,写出来,我先摸索一下,不能坑。
原文链接:https://www.f2er.com/react/302939.html