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 ๐Ÿ˜‰ ๐Ÿ˜‰

React Native: How to add shadow effects on Android

June 8, 2020 A Goodman

To add shadow effects on Android, you need to use the elevation property. Example This example shows you how to create drop shadows on both iOS and Android. Unfortunately, when using drop shadow on Android with…

How to create round buttons in React Native

June 6, 2020 A Goodman

The example below will show you how to create round buttons in React Native. We will use TouchableOpacity instead of the basic built-in Button component. Code Replace the default code in App.js with the following snippet:…

1 2 3