What are they?

These are libraries that provide an overarching, near complete set of UI components that allow you to quickly start building nice looking apps. As with everything though, there are advantages and disadvantages to using these libraries.

NOTE: These lists are not complete as this article is a work in progress!

Useful Comparison Discussions

• Between NativeBase and Shoutem, which is best to use for React Native?
• How is it different from NativeBase.io? (react-native-elements)
• React Native Discovery

Advantages

• Unified design.
• Community maintained.
• Often well tested.

Disadvantages

• Dependency size.
• Customization or lack thereof (for some).

Options

React Native Elements

• Official Website
• Github
• Kitchen Sink Demo (via Expo)
• Installation
  • The only prereq is react-native-vector-icons. If you have that installed, you don’t even need to do any linking.

Troubleshooting

FlatList in List / ListItem

https://github.com/react-native-training/react-native-elements/issues/722

NativeBase

• Official Website
• Github
• Kitchen Sink Demo (via Expo)

Shoutem UI

• Official Website
• Github
• Demo App Code

Nachos UI

• Official Website
• Github

Discussions

• My experience of building Nachos UI kit for React Native - Blog post by Nachos UI creator.

teaset

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

• Github

Copyright © 2011-2020 Ho Yin Cheng