Between NativeBase and Shoutem, which is best to use for React Native?

reactjs react-native native-base shoutem
Kais picture Kais · Nov 30, 2016 · Viewed 17.9k times · Source

I find that there are 2 UI components for React Native which are mostly used. I want to use one of them. Which one of them is more easy to use and customizable ?

Answer

Tommz picture Tommz · Nov 30, 2016

Currently, there are 3 main UI libraries:

Shoutem UI components are actually only one part of Shoutem UI Toolkit, which includes:

  • UI components - customizable set of components for RN applications
  • Theme - style your RN components on one place
  • Animation - set of declarative animations

UI components come with the predefined beautiful design, so creating good looking applications is as easy as simply c/p-ing the component's code. However, they can be fully customized with a theme from one place, so you can achieve the separation of concerns for your components. Animations can be used in similar matter, too.

To see which kind of UI components are there, include <Examples> components in your screen, as described here.

React Native Elements simplify the usage of common components in React Native. Native Base does that too, allows you to customize them and has a better documentation than React Native Elements.

Disclaimer: I work at Shoutem

Related questions

React-Native Button Align Center

I'm using native base button i want to align the button in the center of the screen i tried this: <Container style={{flex:1, flexDirection:'row', alignItems:'center', justifyContent:'center',}}> <Form style={{}}> <Item last> <…

Read More
Animated: `useNativeDriver` was not specified issue of ReactNativeBase Input

I created a new react-native project today (April 3rd, 2020) and added a native-base. Then I tried to add input with the floating label. It gives a warning message: Animated: useNativeDriver was not specified. This is a required option and must …

Read More
Loading font native-base error

I'm getting the error: You started loading 'Roboto_medium', but used it before it finished loading when using native base. I've followed the instructions in the official page. To create react native app I'm using create-react-native-app. App.js export default …

Read More