react native 混合开发代码示例

Posted 2022-11-22 brilliantzzk

ReactNativeModuleProject

react native project for hybrrd app，自己做的一个混合开发研究，个人觉得相对于其他混合开发框架来说，有很大优势，不用学习复杂的js语法，
并且对更接近原生，能够保证运行更加流畅和风格统一，同时它的语法和控件也更加容易理解，上手较快。也可以和原生应用混合开发，互相调用，已经
互相通信，方便集成。

注意点：

• 首先是安装环境，不是本文重点，这里不做过多介绍，自己百度，可以参考：http://reactnative.cn/
• 下载并安装webStorm,网址：https://www.jetbrains.com/webstorm/
  jetbrains出品，拥有和androidStudio一样的体验，同时能够进行版本，管理，主题设置，插件安装等，非常强大，个人感觉甩开Visual Studio Code
  几条街，比subline等更不用说。webStorm为30天试用，聪明的程序员是知道怎么破解的。
• 创建工程：进入到你想创建工程的目录，运行命令行：【react-native init 你的工程名称】
• 运行工程：进入命令行，运行【cd 你的工程根目录】【react-native run-android】
• 由于目前还未发布正式版(截止本文编辑，最新版本为0.45)，所以随着版本升级，会有一些控件的使用方法发生改变，这个时候，就需要查看官方文档，
  及时更新

项目地址(欢迎fork):https://github.com/BrillantZhao/ReactNativeModuleProject

部份例图: