NativeBase UI React Native

NativeBase: Essential cross-platform UI components for React Native

Ina HranovaIna Hranova 2 minutes 134 views

Share:

NativeBase is one of the most popular React Native libraries. This library is a free open-course framework for developers to build high-quality React Native apps with ease providing reusable components like buttons, lists, cards, header, footer, etc. In other words, NativeBase is a set of customizable UI components that can be used in your apps.

Front-End Web engineers not hard to start coding with components named HTML elements(Content/Header/Footer). It even has “Container” to replace React Native’s “View”.  It Seems that NativeBase likes Bootstrap on React Native. The biggest advantage of this library is that you can operate/add any other third-party libraries with it. This means that you can create a big project with the help of NativeBase and any other resources. Using Native Base components, every developer can create their own small or medium-sized project.  Similarly, it features convenient starter packs, customizable theme templates, and much more.

Elements Components

These components allow you to quickly build the friendly user interface. Moreover, NativeBase provides you with nine font families. Amazing!

Font families included with NativeBase:

  • AntDesign
  • Entypo
  • EvilIcons
  • Feather
  • FontAwesome
  • FontAwesome5
  • Foundation
  • Ionicons
  • MaterialIcons
  • MaterialCommunityIcons
  • Octicons
  • Roboto
  • Roboto_medium
  • rubicon-icon-font
  • SimpleLineIcons
  • Zocial

 

Also, you can review quickly the starter app  KitchenSink made by NativeBase. This app shows all the components available in NativeBase.

Clone and install package

git clone git@github.com:GeekyAnts/NativeBase-KitchenSink.git
cd NativeBase-KitchenSink
npm react-native link react-native-vector-icons

Run on iOS

react-native run-ios

Run on Android

Make sure you have an Android Emulator installed and running and put the follow command on the terminal 

react-native run-android

Viola!

Demo:

 

Check out more the official docs. Feel free to jump in. 🚀