Mobile

Buttons are an indispensable part of mobile applications. In Flutter, buttons are rectangular in shape by default. However, in some cases, you may want your buttons to be circular to accentuate and blend in with the…

This article shows you a couple of different ways to join 2 lists in Dart. You will learn each method through an example. Using Addition (+) Operator Example: Output: In my opinion, this approach is the…

In order to round a float number to an integer in Dart, we can use the round() method. This method returns the closest integer to the input number. If cannot determine the closest integer (e.g. 0.5,…

A couple of examples of generating a random integer within a given range in Dart (and Flutter as well). Example 1: Using Random().nextInt() method The code: Output: Due to the randomness, it’s very likely that you’ll…

This article shows you how to get rid of the ugly (just my personal thought) debug banner that locates in the top right corners of iOS/Android emulators when you running a Flutter app in the development…

To reset your Docker Desktop, just follow a few easy steps below. Warning: All your local containers and images will be destroyed. All your settings, including your sign-in information, will be cleared. 1. Open your Docker…

This article walks you through 3 great libraries for navigation and routing in React Native mobile apps. React Navigation React Navigation is widely used, well documented and I personally like this one the most. It delivers…

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….