Installation environment

  • Install nodejs nodejs.org/zh-cn/
  • Set NPM taobao mirror NPX NRM use Taobao
  • Install the EXPO command-line tool NPM install –global Expo – CLI

Development and application

  1. Create expo Init my-app
  2. Switch to CD my-app
  3. To debug, run yarn start
  4. Debug management in an open Web console
  5. IOS App Store Docs. Expo. IO /get-started…
  6. It can be run through an emulator
  7. Apply EXPO Publish
  8. Optimize the image resource NPX Expo -optimize
  9. ⌘ development menu ^⌘+Z (iOS) and Ctrl + M (Android) (under simulator)

Native local interaction

  • Select local image docs. Expo. IO /tutorial/im…
  • IO /tutorial/sh…
  • IO /tutorial/pl…
  • Configure startup diagrams and icon doces.expo. IO /tutorial/co…

And CSS styles

  • Font-size: fontSize
  • Flex layout compatibility

conclusion

For Web front-end development, react Natvie has a much smaller span than Flutter.

Reference Address:

  1. Docs. Expo. IO/get – started…
  2. Reactnative. Cn/docs/compon…