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

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.

Read More

Kotlin - Interview Questions and Answers

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.

Read More

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.

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. 

Read More

Flutter - Permission handler example

Our mobile contains lots of sensitive data of the users like files, financial data, contacts and other things that users can store. The mobile operating system has a privileged to keep them secure because all applications are separated from another through a distinct id. Each application work in its own process thus is isolated from all other applications. As a result, an application can’t access any file or data outside its scope until and unless the file or data is shared with the applications.
 

If an application needs anything outside its scope, then it has to request permission to the user or application. The Mobile operating system comes with a set of predefined permissions (System permissions) for certain tasks.  All mobile applications can request the required permissions to access a particular service of OS. For example, an application can declare required permissions like network, contact, and GPS.

Read More

Flutter - Example of gradient widgets and animaion.

User-friendly interface and good color combination of the app components make a large user base for any application. The gradient is a combination of two or more colors and tints of the same color that creates great user interfaces for application. You can use gradients to create color blends, add volume to vector objects, add a light and shadow effect to the app components.

Read More

Flutter - Web app setup with VS Code and Android Studio IDE.

As we know, Flutter is a cross-platform app development toolkit that is created by Google. It has been winning the hearts of developers and businesses across Android and iOS apps. Many renowned companies like Alibaba & Tencent have adopted it to develop native mobile apps for their production apps. Now, Google has officially added web, desktop and Embedded platforms to the world of Flutter app development. So, you can use your existing Flutter knowledge to build other platform applications. You can learn more about the new added platforms support on the official website.

Read More

Flutter - What is Scaffold widget.

Flutter framework provides rich widgets catalogs to create a good looking material application. Here, we can see some of the key features that a material theme app must have:

• A theme for the application.
• App Bar.
• Body.
• Floating Action Button.
• Bottom Navigation Bar.

if you going to add these components to a screen with the help of separate widgets. It'll create lots of boilerplate code for one screen. This is the problem that the Scaffold Widget has resolved.

Read More