mobile

How to pass data between screens in Flutter

In this article we will talk about three methods by which data can be passed from one screen to another in flutter. 1. Using constructors This is a very well known technique that is used in other languages as well. What we do is we pass the needed data in the constructor when we instatiate the target class. Lets assume that we have a screen say ConstructorScreen. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 class ConstructorScreen extends StatelessWidget { String message; ConstructorScreen(String m){ this.

How to authenticate and login users in Flutter from a REST Api

Suggested laptop for programming Lenovo IdeaPad S145 AMD Ryzen 5 15.6" FHD Thin and Light Laptop (8GB/512GB SSD/Windows10/Office/Platinum Grey/1.85Kg) Buy on Amazon Introduction In this article we will discuss how to use a REST api backend to authenticate users from a Flutter app. We will build a very basic nodejs REST api backend. If you already have a backend then you can use that also. And then we will be building a basic Flutter app to connect to this backend and login to the app.

How to Use Textwatcher in Android

The Android framework provides the EditText interface element to allow the entry and editing of text. There are some use cases where one might need to detect text changes as they are typed in the EditText and react accordingly. One use case could be showing auto suggest values. The TextWatcher interface can be used for listening in for changes in text in an EditText. This interface has three abstract methods - afterTextChanged(Editable s) beforeTextChanged(CharSequence s, int start, int count, int after) onTextChanged(CharSequence s, int start, int before, int count) Wiring the TextWatcher to the EditText If you take a look at EditText’s documentation, you won’t see any obvious way to wire the TextWatcher to it.

How to Use Datepicker in Flutter

Its not too tough, really. We are going to create a very simple project to demonstrate the use of the datepicker, in particular the material datepicker. If you prefer the video version, you can watch it below. Suggested laptop for programming Lenovo IdeaPad S145 AMD Ryzen 5 15.6" FHD Thin and Light Laptop (8GB/512GB SSD/Windows10/Office/Platinum Grey/1.85Kg) Buy on Amazon Suggested readings Flutter for Beginners: An introductory guide to building cross-platform mobile applications with Flutter and Dart 2 Beginning App Development with Flutter: Create Cross-Platform Mobile Apps Lets see how its going to look.

Creating an OTP Screen in Flutter

Nowadays, one time password (OTP) is used a lot as an authentication mechanism. Sometimes the OTP is sent using SMS and sometimes its sent through email. A screen for users to input the OTP has to be created. In this article we will talk about creating a simple screen in flutter to allow users to enter the OTP. Suggested laptop for programming Lenovo IdeaPad S145 AMD Ryzen 5 15.6" FHD Thin and Light Laptop (8GB/512GB SSD/Windows10/Office/Platinum Grey/1.

Login Flow in Flutter

In this article, I will be showing a simple flutter app that will demonstrate a typical mobile login flow. This article is not an introductory tutorial on flutter or programming. I am assuming that the reader knows programming and has basic understanding of how flutter works. You can find more from flutter.io. Suggested laptop for programming Lenovo IdeaPad S145 AMD Ryzen 5 15.6" FHD Thin and Light Laptop (8GB/512GB SSD/Windows10/Office/Platinum Grey/1.