React Native Flat App Theme

Note: The product is recently updated, take a look here. Checkout the demo at Expo. Now available in React Native & Expo, CRNA version.

Also available with Flutter version, take a look at our latest launched product Flutter Flat App Theme.

We’re excited to announce the launch of our new theme, React Native Flat App Theme, a fascinating React Native starter kit with flat UI design, Redux and NativeBase components for iOS and Android application. It’s a well documented, fully customizable theme with flat design and set up of easily understandable code.

React Native Flat App Theme is power-packed with Redux, NativeBase and React Navigation. The theme provides captivating UX for apps, with smooth running and visually appealing set of layouts / screens.

React Native Flat App v8.0.0 is updated with the following features:

• Available in both React Native & CRNA, Expo version.
• Photo lightbox with carousel for images.
• Clean slate boilerplate along with the main app theme.
• Redux Form integrated with Login, SignUp and Forgot Password screens to manage your form state in Redux.
• Usage of Redux Store to fetch data in Home screen.
• Test cases with Jest .

Featured with:

It includes more than 16 screens, all designed with pure aesthetic feel of flat design comprising of the following:

• Login
• Create account
• Forgot password
• Profile
• Timeline
• Comment
• Feedback
• Home
• Calendar (datepicker)
• Settings
• Overview
• Bookmarks
• News
• Drawer Menu
• Well designed header, sidebar and bundled with lot of UI features.

Also you’ll get great UI with quality code:

• NativeBase’s Swipeable list in Profile screen
• React Native’s FlatList in Home screen
• ESlint, for code quality
• Flow, for type checking
• Husky to prevent bad commit, push
• Prettier for pretty, formatted JavaScript code

Updated Flat app screens

The flat UI design adds an aesthetic touch to the native look and feel of React Native apps.

It’s a responsive theme with clean and modern look highly focussed on efficiency. The flat design enables resizing the contents easily to fit various screen devices. Eye soothing color (though you’re free to customize it the way you want), visually stunning makes the React Native Flat app theme simple yet eye catchy and smooth running. React Native Flat app theme is neatly structured.

You can refer this link to check the packages used in React Native Flat App Theme.

React Native as a platform:

As React Native uses native views, gives platform-specific look and feel on Android & iOS similar to native apps. React Native apps use special XCode / Android container. On loading them they feed the React code to JavaScript runtime which communicates asynchronously with native thread and results to better performance.

Using NativeBase components:

Our open source framework helps to write high-quality React Native apps providing generic re-usable set of components. NativeBase lets the developers to experience the awesomeness of React Native saving time for developing same set of components time and again.

Do visit our website NativeBase Market for more React Native based UI and Backend integrated starter kits.

Thanks for reading the article. Please share and recommend if you like.