YouTube is undoubtedly a part of our social media life. Hence, sometimes we may need to play YouTube videos in our mobile app. In this react native tutorial, let’s check how to integrate a YouTube video in React Native. If you are looking to embed YouTube video then you can check my another blog post…
Images are important components of a mobile app. It’s a bit abnormal when images appear plainly in your app. In this Flutter tutorial, we discuss how to add a fade-in effect for images. We also see how to add placeholders when an image is loading. The FadeInImage widget is used to create a Fade in…
As I don’t like to open Android Studio always, I prefer to launch Android emulators using terminal. Recently, I got the following error when I tried to start an emulator . emulator: ERROR: Running multiple emulators with the same AVD is an experimental feature. Yes, this is an error related to Android emulator and this…
I have already shown how to create bottom tabs as well as how to create navigation drawer in Flutter in the previous blog posts. Here, let’s check how to create normal material tabs in Flutter. In this Flutter tabs example, we will have three tabs named Tab 1, Tab 2 and Tab 3 at the…
A timeline design can be used in a mobile app for many cases. One such case is tracking shipped items in the eCommerce mobile app. In this blog post, let’s see how to create a beautiful timeline design in React Native. We are using a third-party library react native timeline flatlist to create timeline design….
In normal cases, the Container widget doesn’t respond to touches. Sometimes, we may need to create custom widgets that are clickable. Let’s see how to make a container widget clickable widget in Flutter. The GestureDetector widget is used to detect gestures. Hence, we use the GestureDetector in this example so that we can detect taps…
When we hear material design one thing we easily associate with it is ripple effect. The ripple effects are extremely useful in the user interface as they can visually inform the user that some action like a button click has occurred. In this blog post, let’s check how to create a ripple effect in Flutter….
The TextField widget is the text input UI component in Flutter. But what if you want to show multiple text inputs in your app? You can use the Form widget for that. The Form widget groups multiple form widgets and acts as a container. It makes validation of each form field widget easy. Using it…
The importance of passwords is inexplainable. That’s the reason when entering the password the text should not be visible for better safety and security. In this Flutter tutorial, let’s see how to create a Text Input to enter a password in Flutter. I already have a blog post on how to create a Text Input…
A placeholder text is a hint text which gives the user an idea about what to enter in the text input field. In this blog post, let’s see how to add placeholder text in Flutter TextField. As I mentioned in my previous Flutter TextField tutorial, the TextField widget is used to create text inputs in…
Text inputs are very important components of a mobile app. They allow users to enter text so that they can fill out a form or send a message. The TextField widget is used to create text inputs in Flutter. In this Flutter tutorial, let’s go through how to create text input as well as how…
Bottom tab navigation is a new norm in mobile app development. It makes navigation easy for users. In this blog post let’s see how to add Bottom Tab Navigation in Flutter. We use Cupertino package too in this Flutter tutorial. The Cupertino package consists of iOS style widgets such as CupertinoTabScaffold to create bottom tabs….