Drop down menus are very useful ui components when you want a single input from multiple options. In this blog post, let’s check how to add a simple drop down menu in flutter. DropdownButton class of flutter can be used to create a dropdown widget in flutter. It has important attributes such as value, items,…
Radio buttons are a good way to take inputs from users. They allow users only to choose one option from a group. In this blog post, let’s see how to add a radio button in Flutter. If you are looking for how to add a checkbox in flutter then you can go here. We use…
A checkbox is an important component to get input from the user. In Flutter, a checkbox can be implemented using the Checkbox widget. Even though the Checkbox widget doesn’t have its own state, the widget calls the onChanged callback. The checkbox can be added as given below. The complete code for the Flutter checkbox example…
Flutter is available for various platforms. This includes Android, iOS, Mac, Windows, Linux etc. So, when you are developing apps for multiple platforms, for example, a hybrid mobile app for android and ios, then it’s necessary to know how to detect platform in flutter. You can get the platform details using the Platform widget. With…
As a mobile app developer, everyone wants to make each screen of their apps beautiful and unique. In some scenarios, you may prefer to set an image background to screens such as splash screens. In this Flutter tutorial, let’s check how to set the image background in Flutter. Here, I am explaining two ways to…
Sometimes, we need specific time input from the users. Time pickers are used in such situations. In this blog post, let’s see how to add a time picker in Flutter. I already have a blog post that shows how to add a date picker in flutter. Flutter has an inbuilt function named showTimePicker to display…
The date picker is an important component when you have text fields such as sign-up form in your mobile application. It can be used for picking dates, such as date of birth. In this blog post, I am explaining how to add a date picker in Flutter. If you don’t know how to add TextField…
In this blog post, let’s see how to do API calls using Axios, Redux, and Hooks in react native. As the importance of hooks and proper state management increases, making API calls with hooks and redux is a better way and can be helpful for large react native applications. Before starting out, please do install…
TextInput is the component where the end user gives input. Sometimes, we may need to control how the values are inserted into the TextInput. Let’s check how to capitalize the text inserted through TextInput in react native. If you are looking for how to capitalize a Text component in react native then you can check…
Sometimes, we need to show text in some specific cases. There are already JavaScript functions such as toLowerCase and toUpperCase. But having a property for changing cases or capitalize can make your work simpler. In this react native example, I am using a text style prop named textTransform for the case conversion and capitalization of…
Sometimes, we need to show text in some specific cases. There are already JavaScript functions such as toLowerCase and toUpperCase. But having a property for changing cases or capitalize can make your work simpler. In this react native example, I am using a text style prop named textTransform for the case conversion and capitalization of…
Hooks are an integral part of a functional component. The useRef hook is used to invoke methods on react native components. In this blog post, let’s check how to use useRef in react native. We have a TextInput component and a Pressable component. When we press the Pressable component, the text inside TextInput should be…