Getting to know React Native Elements pt1

Rigoberto Alcantar
8 min readMay 9, 2024

A few days ago, I came across a post listing the most used libraries for React Native, and to no one’s surprise, two UI libraries dominated these lists. They were based on stars and downloads from GitHub. One of them is React Native Elements, and the other one was React Native Paper, each with its differences but with the same objective: to provide developers with a simplified framework.

So, I embarked on the journey to review these two libraries and understand why they are so successful, with little to no knowledge of either. Of course, in some future post, I aim to give a conclusion on which one I believe is the best.

As mentioned in the title, today we will put React Native Elements to the test. We will only perform the installation based on React Native Elements’ official documentation and test three elements or components that, in my opinion, are the most used for the development of any mobile application.

Let’s begin by initiating a blank project using the npx command:

npx create-expo-app reactnative-elements-testing

“The project name can be changed to any other; this is just an example.”

Now, we continue with the installation by entering the following command, already located in our new project that we initialized above.

npm install @rneui/themed @rneui/base

As a next step, we are going to install the dependency of react-native-safe-area-context, which the…

--

--

Rigoberto Alcantar

Software Developer, me gusta desarrollar en Laravel, React, SQL