To create perfectly round images in React Native, just give the borderRadius property a very high value. Example The code: That’s it. Further reading: How to Get the Window Width & Height in React Native How…

To add shadow effects on Android, you can use the elevation property: You can control the color of the shadow by using the shadowColor property like this: It is important to know that the shadowColor props…

To remove all data and settings from an iOS simulator, just click Device then select Erase All Content and Settings from the drop-down menu: A confirm dialog will show up. Click on the Erase button: The…

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. The Code Replace the default code in App.js with the following:…

React Navigation provides a hook that helps you access the route object. It is the useRoute hook. This article will walk you through a complete example of using this hook in a React Native mobile app….

React Navigation is a great library for React Native to navigate. If you’re using createBottomTabNavigator and want to hide the bottom tab bar on a specific screen, just set the tabBarStyle option to { display: ‘none’…

Font Awesome is a high-quality icon toolkit that can help you create charming user interfaces. This tutorial will show you how to use Font Awesome icons in a React Native app. Adding Font Awesome to your…

When using React Navigation 6 to route and navigate your React Native apps, the header bar background color and the header title color are customizable. To set the header background color, use this option: For the…

By default, the header title of a React Native app that uses React Navigation 6 is on the left side. To center it, just add this option: Full example: Screenshot: Further reading: React Native: How to…

This short and straightforward article shows you how to fix an error that often happens when working with React Native. The Problem When trying to run a React Native app on a virtual Android device with…

This article shows you how to dynamically update the header title of a screen in a React Native app. We will use React Native latest version, the useState hook, the useEffect hook, and the React Navigation…

When developing a React Native project on my Mac, I fall into a problem when running npm run ios. My project is using some third-party libraries. The Error The message: Null is not an object (evaluating…