How to show Linear Progress Indicator in Flutter

Progress Indicators have their own importance in mobile app UI. A progress indicator lets the user know that something is happening behind the screen. In this blog post, I will explain how to add a horizontal or linear progress indicator in Flutter. The LinearProgressIndicator widget is used to display a horizontal progress indicator with material…

How to Add a Material Design Dropdown in React Native Compatible for both iOS and Android

Picker component of react native is used for showing drop down menu in apps. If you are not satisfied with the picker component then you can use react native material dropdown component which works well on both Android and iOS platforms. The drop down component follows material design with ripple effects. You can install react…

‘ERROR: Running multiple emulators with the same AVD is an experimental feature’ Android Emulator Error Fix

As a react native user, I prefer to run android emulator using the command line. Thus, I can avoid opening Android Studio. Sometimes, I can’t run the emulator as I face the following Android emulator error: emulator: ERROR: Running multiple emulators with the same AVD is an experimental feature. Please use -read-only flag to enable…

How to Create a Gradient Button in Flutter

Buttons are important components of the mobile app user interface. Users always interact with buttons of a mobile app to trigger various actions. Because of these reasons, making a button beautiful and appealing has its own significance in mobile app development. In some design scenarios, making a button with gradient colors will be much better…

|

How to Create a Drawer Navigator with Custom Component in React Native using React Navigation

In this blog post I will walk you through how to create a navigation drawer with custom content component in react native using navigation library react navigation. First of all add react navigation library to your react native project using the following command: npm install react-navigation Now, install react native gesture handler in your project…

com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives React Native Error Fix

I came across this react native error when I tried to run my react native project with react-native run-android command after adding a third party library which made native changes. Here’s the error which caused the failure of the app build:java.lang.RuntimeException: java.lang.RuntimeException: com.android.builder.dexing.DexArchiveMergerException: Error while merg ing dex archives: The number of method references in…

How to Increase Start up Speed of React Native Android App using Hermes

Performance of Android apps built with react native is a bit lower when compared to the performance of iOS apps. So how to increase the performance of Android apps built with react native? The answer is by enabling Hermes. Hermes is an open source JavaScript engine optimized for running react native Android apps. It helps…

How to Create a React Native Project with Specific React Native Version

When we create a new react native project we prefer the latest version of react native. But in some situations, we might need to create a new project using a specific react native version. This usually happens when the latest version of react native has many breaking changes and is unstable. react-native init ProjectName is…