Icons are important aspects of the mobile app user interface. Material icons are those which follow material design guidelines and they can make your app look more beautiful. In this blog post, let’s look at how to add material icons in Flutter. You can show material icons using the Icon widget. You can add an…
Images are one of the most used UI components of a mobile app. In this blog post, let’s learn how to display an image that loads from the internet in Flutter. Flutter has Image widget to display images. The Image widget has multiple constructors such as Image.new, Image.network, Image.file, etc. We use Image.network constructor to…
Update: This is an old post. I have created a new tutorial with typescript. Check out the blog post given here. Navigation is an important aspect of any react native mobile application. While navigating from screen to screen, you may also want to pass data. In this blog post, you can learn how to pass…
Showing alerts for users is an important aspect of a mobile app user interface. In this blog post, I am sharing a Flutter Alert Dialog example with you. The AlertDialog is a material design widget that informs the user about scenarios that need acknowledgment. It’s also very useful in situations that require confirmation from the…
If you are an absolute beginner in Flutter and don’t know how to add a Button in Flutter then this Flutter beginner tutorial is for you! The importance of buttons in a mobile app doesn’t need any explanation. Buttons help users with various actions such as login, registration, navigation, etc. Flutter has different types of…
NaN value stands for not a number value. A value of a number data type becomes NaN when the value is not a number legally. Getting a NaN value instead of a number can even break your react native mobile application. So, how to check if a number is NaN or not in React Native?…
Yes, we always start learning a new program or development platform by creating a simple Hello World app. In my first ever blog post, I am also starting with that- how to create a hello world app using Flutter. As you know, Flutter is the new ‘vibe’ among mobile app developers. You can build both…
The appearance of the Keyboard in your react native app may make behavioral changes in your user interface and hence sometimes we may need to hide the Keyboard to not affect the UI. Hiding or dismissing the keyboard programmatically in react native is pretty easy. You just need to import the Keyboard component from react…
If you are a regular Android user then chances are high that you come across snackbars. The Snackbars are part of the material design and are used to inform users about an action performed or about to perform. Even though snackbar has some similarities to Android toast, it has its own identity. Usually, Snackbar appears…
In this blog post, I explain how to change transparency, that is, the opacity of an image in react native. In order to change the opacity, you should use the style property opacity of the Image component. You can change the transparency from 0.0 to 1.0 whereas 1.0 is the maximum i.e. the image becomes…
You can easily display gif images in ios but things are not the same in Android. In a normal straightforward case, the following snippet will work on ios but not on Android devices. Now, assume that I want to show the following gif from the giphy website. It’s a gif image in the webp format….
In this blog post, you can learn how to open the dial screen where the mobile phone number is dialed from your react native app. The dialer screen can be opened using the Linking API of react native. The Linking API gives you a general interface to manage app links. The following code snippet will…