All Projects → ZevenFang → react-native-web

ZevenFang / react-native-web

Licence: Apache-2.0 license
Build react-native and web app with dva and antd-mobile.

Programming Languages

javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
python
139335 projects - #7 most used programming language
java
68154 projects - #9 most used programming language
CSS
56736 projects
HTML
75241 projects

react-native-web

Build react-native and web app with dva and antd-mobile.

English | 中文文档

Structure

├── App.js              # native entry
├── index.css           # web global style
├── index.ejs           # web html entry
├── index.js            # web js entry
├── router.js           # web router
├── assets              # assets
│   └── yay.jpg
├── components          # common components
│   ├── Counter.js
│   ├── DrawerLeft.js
│   ├── Header.js
│   ├── Text.js
│   ├── Text.native.js  # native uses the .native.js suffix
│   ├── TodoList.js
│   ├── Touch.js
│   └── Touch.native.js
├── models              # dva models
│   ├── counter.js
│   ├── index.js
│   └── todo.js
├── pages               # native pages
│   └── IndexPage.js
├── routes              # web pages
│   ├── IndexPage.js
│   └── IndexPage.less
├── services            # api services
│   └── example.js
└── utils               # useful utils
    ├── dva.js
    ├── rcform.js
    └── request.js

Scripts

npm run start     # start react native packager
npm run android   # run android debug apk into devices
npm run apk       # release android app on mac or linux
npm run apk-w     # release android app on windows
npm run web       # start web app
npm run build     # build web app
npm run lint      # lint the code

Platform

function platform() {
  if (!window.platform)
    return 'web';
  else return window.platform; // ios|android
}

Preview

Web

Android

iOS

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].