Sunday, August 23, 2020

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.

Flutter google map route draw example

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.

Share:

Sunday, August 16, 2020

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.

Share:

Wednesday, July 29, 2020

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.

flutter radio checkbox example
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.
Share:

Sunday, July 12, 2020

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.

flutter sticky header example
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. 


Share:

Sunday, July 5, 2020

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.

Flutter multi-part request demo

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
Share:

Tuesday, June 16, 2020

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.

Share:

Saturday, May 30, 2020

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.

flutter qr and barcode demo
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.
Share:

Sunday, April 26, 2020

Flutter - How to generate Android apk.

As we know, Flutter SDK can develop mobile apps for Android and iOS. So, if you have a developed Flutter application and you want to publish or distribute the Android app. You have to create a signed Android APK(Android Package Kit) file format that is used by the Android operating system. 

In this post, we going to explain how we can create a signed Flutter Android apk and publish it on google play store.



Share:

Monday, April 20, 2020

Kotlin - Interview Questions and Answers

kotlin interview questions and answer
Kotlin is a cross-platform,  general-purpose, and statically typed programming language. Kotlin is designed to interoperate fully with Java, and the JVM version of its standard library that is depends on the Java Class Library. Here, I'm going to share the comprehensive collection of the most common and advanced Kotlin Interview Questions every Android or Kotlin developer should know.

Share:

Wednesday, April 15, 2020

Flutter - Scan and Generate QR Code example

QR and Barcodes are very famous technology that widely used around us. In these codes, you can store information like text, URL, image, and a few other information.

flutter qr and barcode demo
Nowadays, most of the e-commerce companies using this technology to track their product purchase with the help of QR code and Barcode unique IDs. This QR and barcodes can only read by a physical scanner device because these are not humanly readable. 

Share:

Get it on Google Play

React Native - Start Development with Typescript

React Native is a popular framework for building mobile apps for both Android and iOS. It allows developers to write JavaScript code that ca...