dicallc / RN-MEITUAN

一个使用React-native完成的美团的UI例子

RN-MEITUAN

一个使用React-native完成的美团的UI例子

步骤一:安装好一些依赖

NPM install 

步骤二:

运行在IOS平台：

react-native run-ios

运行在android平台上：

react-native run-android

最后注意因为我是在mac平台上开发的后面只运行了iPhone，后面发现无法运行在android平台上，so 如果你要运行在android平台上 要在package.json加一句

“bundle-android”: “react-native bundle –platform android –dev false –entry-file index.android.js –bundle-output android/app/src/main/assets/index.android.bundle –sourcemap-output android/app/src/main/assets/index.android.map –assets-dest android/app/src/main/res/”

实例：package.json中

  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest",
    “bundle-android”: “react-native bundle –platform android –dev false –entry-file index.android.js –bundle-output android/app/src/main/assets/index.android.bundle –sourcemap-output android/app/src/main/assets/index.android.map –assets-dest android/app/src/main/res/”
    "test": "jest"
  },

截图：

结语：

做完这个练习demo以后，感觉RN比weex要好多了，当然其实也和WEEX一样，各个平台差距甚大，最重要的是android平台你不优化还不行，卡顿随处可见。不过也算是实现了我一个android程序员能开发ios应用的梦想，哈哈

后期

加强前端的基础，继续深入react的底层，适配到android不卡顿