Ignite-NativeBase BoilerPlate

Now on version 2 🔥

In the past, we have collaborated with the Ignite Team at Infinite Red to create an Ignite boilerplate with NativeBase screens.

Recently Ignite was updated to version 2 , so we updated our boilerplate as well.

New Features

React Native, and NativeBase versions are updated to their latest versions.

Now instead of React-Native-Router-Flux, we now handle navigation operations using React Navigation.

We now use FlatList to showcase list items.

And the entire boilerplate supports all of Ignite 2 commands.

Quick Start

After installing the lastest version of Node.js, Yarn and React Native, install the Ignite CLI by typing npm install -g ignite-cli in your terminal.

To add the Ignite-NativeBase boilerplate type:

ignite new appname --boilerplate native-base-boilerplate

We have upgraded the React Native’s version to 0.47.2 but if for some reason you want to use an older version you can just type:

ignite new appname --react-native-version 0.46.4 --boilerplate native-base-boilerplate

By default, we’ll ask you some questions during the installation process about the features that you’d like to have. If you just want them all, you can skip those questions by instead typing:

ignite new appname --max -boilerplate -native-base-boilerplate

But if you want very few of these features, type:

ignite new appname --min --boilerplate native-base-boilerplate

Congrats! You have now created your Ignite App with NativeBase components 🎉

Feel free to play around by trying this example commands:

ignite add maps
ignite add vector-icons
ignite generate map StoreLocator
ignite add i18n
ignite remove i18n

Demo Examples

ignite generate screen MyNewScreen

ignite generate container MyNewContainer

ignite generate component MyNewComponent

ignite generate list MyNewList

Click here to get this boilerplate.

Thanks for reading! Please 👏 if you liked this article.