- Notifications
You must be signed in to change notification settings - Fork263
A simple and interesting hybrid app. React Native version:http://t.cn/R5LqqLz Demo:
License
BelinChung/HiApp
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
A simple and interesting Framework7 hybrid app.With Cordova you can easily convert it to native iOS app.
HiApp is also written in React Native.BelinChung/react-native-hiapp
Unlike Cordova, React Native provides bindings for native UI controls which totally outclass HTML-based hybrid solutions. so it is simple to write high-performance UI by React Native.
HiApp use different build tools to build the same project, Hope it will helps you select a suitable build tool.
f7-vue-webpack
at origin/masterf7-webpack
atorigin/f7-webpackfis3
atorigin/fis3
- cordova
^9.0.0
- framework7
^4.5.0
- framework7-vue
^4.5.0
To build and run apps, you need to install SDKs for each platform you wish to target.
To check if you satisfy requirements for building the platform:
$ cordova requirementsRequirements check resultsfor ios:Apple macOS: installed darwinXcode: installed 10.3ios-deploy: installed 1.9.4CocoaPods: installed 1.7.5
HiApp usenpm
to manage third-party packages now.
Then install all dependencies, in repo's root:
$ npm install
Install the cordova as globally.
$ npm install cordova -g
Go to the directory where you maintain your source code, and run a command such as the following:
$ cordova create hiapp com.hiapp.hiapp HiApp
Because the Cordova app directory should not already exist, so check out the HiApp source code in this step.
$ cd hiapp $ git init $ git remote add origin https://github.com/BelinChung/HiApp.git $ git fetch $ git reset --hard origin/master
Before you can build the project, you need to specify a set of target platforms.
$ cordova platform add ios --save
You need to add plugins that provide access to core Cordova APIs.
$ cordova plugin add cordova-plugin-whitelist cordova-plugin-statusbar cordova-plugin-camera cordova-plugin-geolocation cordova-plugin-file-transfer cordova-plugin-inappbrowser cordova-plugin-network-information
Run the following command to iteratively build the project:
$ npm run build$ cordova build ios
- Using the command
$ cordova run ios
- Using the Xcode
Double-click to open theplatforms/ios/HiApp.xcodeproj
file
Press theRun
button to deploy the application in the emulator or iOS device
HiApp use webpack browser sync server to develop, Just run it in repo's root:
$ npm run serve
Web app will be available onhttp://localhost:3000/
$ npm run build
The result is available inwww/
folder.
Copyright (c) 2016 - 2019 Belin Chung. MIT Licensed, seeLICENSE for details.
About
A simple and interesting hybrid app. React Native version:http://t.cn/R5LqqLz Demo:
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Contributors2
Uh oh!
There was an error while loading.Please reload this page.