Android - Expandable Listview inside scrollview

In Android application, if you want to show items in a list with expandable feature. The ExpandableListView is a option that show items in a vertically scrolling two level list. It is different from the listview by allowing two level groups which can individually be expanded to show its children.

Read More

Flutter - How to develop and distribute iOS apps without Mac

As we know, we can use Flutter framework to develop desktop, web, Android and iOS apps on window OS. But we can't run and test Flutter iOS application on window. So, whenever we develop a Flutter application on a windows machine, we always worried and a question comes 'How will this app look if we run it on an iPhone?'. As most of us know that to run the application for iOS, we need a Mac. If you don’t have Mac OS, but want to see your flutter app on an iOS device without using paid services or virtual machines then this article is for you.

In this post, I'm going to share a solution to run and test Flutter iOS app on window machine. We have an online platform Flutlab.io where we can create bundle of iOS and run this bundle on appetize.io online available simulator. Here, we going to explain complete steps to use both platforms to create bundle of iOS and run it on a simulator.

Read More

Flutter - Icon and IconButton Examples

Flutter is a UI toolkit that used widgets for building fast, beautiful, natively compiled applications for mobile, web, and desktop. The Icon and IconButton are widgets that we can use to display a graphic representation of something, a person or thing that is symbolic.

Read More

Flutter - Draw route on google map

The tracking feature of google map is most popular that display the current position of your ordered food and cab in a Mobile application. To implement this feature in the mobile app, we always need a google map that display the real position and path of the user.

The Google Map is a web-based service that offers the geographical regions of the world. The Google map provides aerial and satellite views of many places. The google map route planner offers directions for drivers, bikers, walkers, and users of public transportation who want to take a trip from one place to another place. You have to just enter the address of your source and destination location. After that, you will see the right way to go there. The Google maps highlight the suggested route in a bright blue color and include other possible routes in gray. It is always safe to use a driving map when you are not aware of the place.

Read More

Flutter - Fatora payment gateway

Online money transaction is a fundamental feature of every e-commerce platform that's become a part of our daily lives. An online payment gateway is a tunnel that connects user bank account to the platform where you can transfer your money.

A payment gateway is a software that authorizes you to perform an online transaction through different payment modes like net banking, credit card, debit card, UPI, or the many online wallets that are available these days. A payment gateway plays the role of a third party that securely transfers your money from the bank account to the merchant’s payment account.

Read More

Flutter - Quiz application by using Radio and Checkbox

In the mobile application, if you creating a feature that providing multiple options like user registration form screen where we always ask gender and hobby of the user. So, in that case, we always need a radio and checkbox widget in the application.

A Radio button used in the radio group that provides more than one radio button. The user can choose only one option at a time. A radio button has two states which are either checked or unchecked. Once a radio button is checked, it cannot be marked as unchecked by the user.

The check box is a different type of two-state button that either checked or unchecked. It is generally used in a place where user can select more than one choices from a given list of options. For example: hobby of the user or activate/deactivate the specific state.

Read More

Flutter - Sticky header list

To divide the category of the items in the list view, we always need a sticky header. The sticky header shows header of group at the top of the list view when the user scrolls through the contents. The sticky header makes groups of children of the same type and also gives great UI.

The headers display at the top of the list content and help your application users keep track of which section they are currently in. The header may be one or more, it depends upon the type of the children items of the list view. If there is more than one header than the header will be replaced by another header when the user scrolls up all the items of the old header. 

Read More

Flutter - Upload multipart images on server.

Sometimes, we have to upload an image on the server to complete application features like feed and user profile pic. The multipart is a simple option to upload images in the multipart request.

The Dio library also gives an option to send the multipart HTTP requests. You must use Dio
library to upload multiple file if creating a big application. The Dio client is a powerful Http client for Dart or Flutter application which supports Interceptors, Request Cancellation, Form Data, File downloading, Global configuration, Connection Timeout, etc that is explained here: Flutter - Dio client to create Http Request

Read More

Flutter - Dio client to create Http Request

Today, all the mobile and web applications depend on back-end API's that we can consume with the help of Http client. Flutter framework offers Http package that works great when we need to do basic stuff. We have explained GET and POST request with http here Flutter - GET and POST http requests.

When you start working on a big application and we need to do something more advanced task. Your application will face lots of problems with network error handling. In that case, we need something big and advance connection library which has extra features like interceptors, logs, cache, etc, that will be helpful in many tasks like adding the token authentication for each request and logging requests.

Read More

Flutter - Formatting TextField with TextInputFormatter

To take valid formatted data from the end-user is an essential task when your application saying to enter detail about credit cards, phone numbers, zip code, etc. This approach facilitates the developer to entering valid data in the application. It makes the process easier,  gives feedback, minimizes errors, and generally improves the user experience.

In Flutter, we can take valid formatted data with the help of TextInputFormatter widget that's provides us various different constraints. The inputFormatters property of TextFormField and TextField allows the developers to pass a list of TextInputFormatter widgets to define how that field will behave. A TextInputFormatter can be optionally inject into a TextFormField and TextField that works as a validator and correct the format of text when the text being edited. The TextInputFormatter translates the field's value into the text and the text into the field's value.

Read More