What is NativeBase?

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 proivides you with basic set of components for mobile application development. This helps you to build world-class application experiences on native platforms.

The focus of React Native — learn once, write anywhere.

NativeBase with React Native, allows you to implement the standard platform components which includes UITabBar on iOS and Drawer on Android. This gives your app a consistent look and feel with the rest of the platform ecosystem, and keeps the quality bar high. These components are easily incorporated into your app using their NativeBase and React component counterparts, such as TabBarIOS and DrawerLayoutAndroid.


Magic of NativeBase


Get on the mobile fast track with NativeBase, the fastest-growing platform and tool set for iOS and Android development. Placed apart the Objective-C and Swift tutorials, and start coding iOS apps with JavaScript. Get an introduction to NativeBase and work through an instance application that highlights React Native programming techniques.


NativeBase Assets

Cross-platform feature

If you are making an Android app alongside your iOS app, NativeBase helps you to use much of the same core logic. The introduced advantage of being able to write for all the logic code inside the same language is exceptional. This helps of not having to shift context between platforms.

Renders Native views

Only Native views, no Webview here.
This means, all the browser compatibility issues go away which also enhances the performance with super smooth animations.

Speed of development

By means of Live-Reload

About the language

React Native is our choice for the application language. This makes use of babel to transpile ES6 and ES7 code, with JSX and flow type annotations. JavaScriptCore is used to run JavaScript on the device, maintaining the software size low. With this, the code becomes so much less complicated than it will likely be in simple javascript.

Declarative Nature of NativeBase

NativeBase is a mixture of Javascript and markup tied together within the return portion of a function. Even styling can live in the same file as the rest of your component, this makes for an incredibly speedy iteration cycle.