Clik here to view.
Workshop: Flutter Auth Login #part1 Create new Project
Create New Flutter Project flutter create flutter_workshop cd flutter_workshoptest flutter run Ctrl – C end process and close terminal Open Project on VS Code My Project/lib/main.dart Create...
View ArticleClik here to view.
Workshop: Flutter Auth Login #part2 Create Pages
Create Pages in Workshop Craete all files in Picture or Copy HomePage.dart Paste on Project and Rename file Edit Class Name and title name E.g. AboutPage.dart import 'package:flutter/material.dart';...
View ArticleClik here to view.
Workshop: Flutter Auth Login #part3 LoginPage FormBuilder
Create folder ‘assets’ in Flutter Project and copy profile images add ‘assets’ path in pubspec.yaml assets: - assets/ LoginPage.dart show ‘profile.png’ and set height = 100 Image( image:...
View ArticleClik here to view.
Workshop: Flutter Auth Login #part4 RegisterPage Fetch data from http package
Now in your Dart code, you can use: import 'package:flutter_form_builder/flutter_form_builder.dart'; FormBuider() add _formKey final _formKey = GlobalKey<FormBuilderState>(); key: _formKey, add...
View ArticleClik here to view.
Workshop: Flutter Auth Login #part5 LoginPage Get Access Token to set...
a sample API https://api.thana.in.th/workshop/documents Login API : https://api.thana.in.th/workshop/login Test curl on Terminal curl -X 'POST' \ 'https://api.thana.in.th/workshop/login' \ -H 'accept:...
View ArticleClik here to view.
Workshop: Flutter Auth Login #part6 Launcher.dart BottomNavigationBar
font_awesome_flutter This will add a line like this to your package’s pubspec.yaml (and run an implicit dart pub get): dependencies: font_awesome_flutter: ^9.1.0 Import it Now in your Launcher.dart ,...
View ArticleClik here to view.
Workshop: Flutter Auth Login #part7 ProfilePage get SharedPreferences and...
ProfilePage.dart import 'package:shared_preferences/shared_preferences.dart'; import 'dart:convert' as convert; class _ProfilePageState extends State<ProfilePage> { SharedPreferences?...
View ArticleClik here to view.
Workshop: Flutter Auth Login #part8 send ScreenArguments to EditProfilePage
Create ScreenArguments.dart class ScreenArguments { final String name; final String surname; ScreenArguments(this.name, this.surname); } ProfilePage.dart import 'ScreenArguments.dart'; @override...
View ArticleClik here to view.
Workshop: Flutter Auth Login #part9 EditProfilePage updateprofile api
EditProfilePage.dart import 'package:shared_preferences/shared_preferences.dart'; import 'dart:convert' as convert; import 'package:http/http.dart' as http; class _EditProfilePageState extends...
View ArticleClik here to view.
Workshop: Flutter Auth Login #part10 main.dart Check Acess Token when Logged-in
main.dart import 'package:shared_preferences/shared_preferences.dart'; String? token; void main() async { WidgetsFlutterBinding.ensureInitialized(); SharedPreferences prefs = await...
View Article