###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 apps using React Native for iOS and Android 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.
NativeBase without a doubt fits in well with mobile applications which cut downs one huge part of your app - The Front end. The applications stack of components is built using native UI components, so there are no compromises with the user experience.
####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 [email protected]: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 advanced designs using NativeBase, please visit StrapMobile.