How to Create a Confirm Dialog in React Native

May 11, 2021 A Goodman

In many cases you will need to implement a confirm dialog to let the user confirm that they are sure they want to perform an action. This helps prevent consequences when a user accidentally clicks the…

Using Image Picker and Camera in React Native (Expo)

May 4, 2021 A Goodman

This article shows you how to implement an image picker in a React Native project based on Expo SDK. Example Preview The app we are going to build together is quite simple. It only contains 2…

How to render HTML content in React Native

January 5, 2021 A Goodman

There are times when you need to render HTML in React Native, such as when you are making a news app with articles fetched from APIs provided by a backend shared with another website. There are…

React Native FlatList: Tutorial and Examples (2021)

January 5, 2021 A Goodman

React Native core provides many built-in components that can help us create native mobile applications for Android and iOS. In this article, we’ll have a look at the FlatList component and walk through 2 complete examples…

Working with CheckBox in React Native (2021)

January 4, 2021 A Goodman

This article shows you how to use checkboxes in React Native applications. The CheckBox component used to be a part of React Native core but now it has become a separate module named @react-native-community/checkbox. This module…

How to implement tables in React Native (2021)

January 4, 2021 A Goodman

Tables help us display information neatly and elegantly in rows and columns. In this article, you will learn how to implement tables in React Native by using three different libraries: react-native-paper, react-native-table-component, react-native-easy-grid . Without any…

How to set a gradient background in React Native

January 4, 2021 A Goodman

This article shows you how to implement a gradient background in both Expo and bare React Native (React Native CLI) projects. At this time, React Native doesn’t officially support linear gradients, so we’ll be using third-party…

Top 4 free React Native UI libraries in 2021

March 31, 2021 Guest Contributor

React Native is an open-source mobile framework that helps you build Android and iOS apps using Javascript. First launched in 2015, React Native is thriving and used by many major apps like Facebook, Instagram, Walmart, Tesla,…

Implementing a Date Time picker in React Native (2021)

December 28, 2020 A Goodman

In the old days, DatePickerIOS, DatePickerAndroid, and TimePickerAndroid components used to be used to create Date and Time pickers in React Native applications but nowadays, these ones are deprecated. In the year 2021, using react-native-datetimepicker/datetimepicker is…

React Native: How to make rounded corners TextInput

October 23, 2020 A Goodman

This article shows you how to make a rounded corners text input in React Native for both Android and iOS. 1. Add a TextInput component: 2. Style it: Here’s the output on iOS and Android: The…

React Native: 3 best libraries for navigation and routing

March 31, 2021 A Goodman

3 great libraries for navigation and routing in your React Native mobile apps. React Navigation React Navigation is widely used, well documented and I personally like this one the most. It delivers out-of-the-box, pre-styling navigators such…

How to create circle images in React Native

October 23, 2020 A Goodman

To create perfectly round images in React Native, just give the borderRadius property a very high value. Example The code: Perform the snippet above and see the result on your machine ๐Ÿ˜‰ ๐Ÿ˜‰

1 2 3