/NativeBase-KitchenSink

An example app with all the UI components of NativeBase

Primary LanguageJavaScriptApache License 2.0Apache-2.0

NativeBase KitchenSink v2.2.1

An example app with all the UI components of NativeBase

NativeBase-KitchenSink comes in three forms of app for you!

  1. Pure React Native App with react-navigation on branch master
  2. Pure React Native App with RNRF on branch RNRF
  3. An Expo app with CRNA and react-navigation on branch CRNA

Find the installation guide in ReadMe of appropriate branches

Demo

iOS Android
ios-demo android-demo

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.

Get Started

1. Installation

On the command prompt run the following commands

$ git clone git@github.com:GeekyAnts/NativeBase-KitchenSink.git

$ cd NativeBase-KitchenSink/

$ npm install

$ react-native link

2. 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

3. Simulate for Android

  • Make sure you have an Android emulator installed and running.

  • Run the following command in your terminal.

$ react-native run-android

4. Exponent

Quick Links to NativeBase

For apps with more advanced designs using NativeBase, please visit StrapMobile.