An example app with all the UI components of NativeBase
iOS | Android |
---|---|
NativeBase is a free and open source framework that enables developers to build high-quality mobile apps using React Native iOS and Android apps with a fusion of ES6. NativeBase builds a layer on top of React Native that provides you with basic set of components for mobile application development. This helps you to build world-class application experiences on native platforms.
The applications stack of components is built using native UI components and because of that, there are no compromises with the User Experience of the applications. NativeBase without a doubt fits in well with mobile applications which cut downs one huge part of your app The Front end
####1. System Requirements
-
Globally installed node >= 4.0
-
Globally installed npm >= 3.0
-
Globally installed rnpm (only if React Native version < 0.29)
-
Globally installed react-native CLI
-
Install CodePush globally and get keys for your app.
####2. Installation
On the command prompt run the following commands
$ git clone git@github.com:GeekyAnts/NativeBase-KitchenSink.git
$ cd NativeBase-KitchenSink/
$ npm install
If React Native < 0.29
$rnpm link
If React Native >= 0.29
$ react-native link
####3. Simulate for iOS
Method One
-
Open the project in XCode from ios/NativebaseKitchenSink.xcodeproj
-
Hit the play button.
Method Two
- Run the following command in your terminal
$ react-native run-ios
###4. Simulate for Android
-
Make sure you have an Android emulator installed and running.
-
Run the following command in your terminal
$ react-native run-android
For apps with more advance designs with NativeBase, please visit StrapMobile.