Navigation is a very important aspect of mobile apps. Literally, we can’t create helpful mobile apps without navigation. In this blog post, let’s check how to navigate between screens in Flutter. We call full-screen views of a mobile app the screens, but in Flutter, they are called routes. The navigation in Flutter is done by…
A View is the most fundamental component for building the user interface of a React Native mobile app. The View acts as a container and it can have any number of children. In this blog post, let’s check how to convert or show View components as different custom shapes such as square, rectangle, circle, triangle,…
In this blog post, I am going to write about how to dynamically add or remove the TextInput component and get corresponding values from each text input in react native. In this react native dynamic TextInput example, I have three buttons namely add, remove and get values. Pressing add button will add a TextInput component…
A progress indicator is really helpful as it lets the user some processes are ongoing inside the mobile app. Here, in this blog post, let’s check how to show an indeterminate circular progress indicator in your Flutter app. The CircularProgressIndicator widget helps to create circular progress indicators easily in Flutter. See the code snippet given…
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…
In this blog post, I will explain how to add a footer to your FlatList component in react native. If you are looking for how to add a header to your FlatList then check out my previous blog post. In some scenarios, adding a footer, which appears at the bottom of the FlatList component is…
If your react native app shows a good amount of data to the user then most probably, you would be using the FlatList component. FlatList is an enhanced component to render data in lists. In this blog post, I am writing about how to make the header component of FlatList sticky. First of all, how…
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…
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…
I have already posted on how to add an image from assets in flutter and how to show image from url in flutter. In this blog post, Let’s learn how to add a border around an image in Flutter. In order to show local images on your flutter app, you need to add images inside…
A mobile app without images is unimaginable. In this Flutter image example, let’s learn how to show images from assets, that is images that are locally defined inside the project folder. First of all, create a folder named images inside your Flutter project directory. Now, add an image inside the images folder. After that, open…
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…