2020-06-30 react-native 实现 《流量商

react-native 实现vivo手机中一个自带的app，很简单，总共也没几个页面，其中绝大部分组件都使用到了，路由使用的react-navigation, 算是新手入门react-native 的绝佳项目了

使用类库

    "@react-native-community/masked-view": "^0.1.10",
    "@react-navigation/bottom-tabs": "^5.2.8",
    "@react-navigation/native": "^5.1.6",
    "@react-navigation/stack": "^5.2.13",
    "react": "16.11.0",
    "react-native": "0.62.2",
    "react-native-easy-grid": "^0.2.2",
    "react-native-gesture-handler": "^1.6.1",
    "react-native-image-zoom-viewer": "^2.2.27",
    "react-native-modal": "^11.5.6",
    "react-native-reanimated": "^1.8.0",
    "react-native-root-toast": "^3.2.1",
    "react-native-safe-area-context": "^0.7.3",
    "react-native-screens": "^2.6.0",
    "react-native-scrollable-tab-view": "^1.0.0",
    "react-native-swiper": "^1.6.0-rc.3",
    "react-native-vector-icons": "^6.6.0",
    "react-navigation": "^4.3.8"

项目截图

Simulator Screen Shot - iPhone 11 - 2020-06-30 at 22.09.05.png Simulator Screen Shot - iPhone 11 - 2020-06-30 at 22.08.55.png Simulator Screen Shot - iPhone 11 - 2020-06-30 at 22.09.16.png Simulator Screen Shot - iPhone 11 - 2020-06-30 at 22.09.26.png Simulator Screen Shot - iPhone 11 - 2020-06-30 at 22.09.31.png