Posts

Showing posts from March, 2024

Splash Screen Simple UI

Image
  import "dart:async" ; import "package:flutter/material.dart" ; import "package:wscubetech_app_ui/SignUp_Password_Screens/Sign_In.dart" ; class SplashScreen extends StatefulWidget { const SplashScreen({ super .key}) ; @override State<SplashScreen> createState () { return SplashScreenState () ; } } class SplashScreenState extends State<SplashScreen> { @override void initState () { super .initState() ; Timer ( const Duration (seconds: 3 ) , () { Navigator. pushReplacement ( context , MaterialPageRoute ( builder: (context) { return SignIn () ; } , ) , ) ; }) ; } @override Widget build (BuildContext context) { return Scaffold ( body: Container ( decoration: BoxDecoration ( gradient: LinearGradient ( colors: [ Colors. blue , Colors. blue . shade700 , Colors. blue . sh...

Forgot Password Screen Simple UI

Image
  import "package:flutter/material.dart" ; class ForgotPassword extends StatefulWidget { const ForgotPassword({ super .key}) ; @override State<ForgotPassword> createState () { return ForgotPasswordState () ; } } class ForgotPasswordState extends State<ForgotPassword> { TextEditingController phoneController = TextEditingController () ; @override Widget build (BuildContext context) { return GestureDetector ( onTap: () { return FocusManager. instance . primaryFocus ?.unfocus() ; } , child: Scaffold ( extendBodyBehindAppBar: true, appBar: AppBar ( leading: IconButton ( onPressed: () { Navigator. pop (context) ; } , icon: const Icon (Icons. arrow_back , color: Colors. white ) , ) , backgroundColor: Colors. transparent , ) , body: Container ( decoration: BoxDecoration ( gradient: LinearGradi...

Password Screen Simple UI

Image
  import "package:flutter/material.dart" ; class Password extends StatefulWidget { Password({ super .key}) ; @override State<Password> createState () => _PasswordState () ; } class _PasswordState extends State<Password> { TextEditingController passwordController = TextEditingController () ; TextEditingController confirmPasswordController = TextEditingController () ; bool _obscureText = true; bool _obscureText2 = true; @override Widget build (BuildContext context) { return GestureDetector ( onTap: () { return FocusManager. instance . primaryFocus ?.unfocus() ; } , child: Scaffold ( extendBodyBehindAppBar: true, appBar: AppBar ( backgroundColor: Colors. transparent , leading: IconButton ( onPressed: () { Navigator. pop (context) ; } , icon: const Icon (Icons. arrow_back , color: Colors. white ) , ) , ) , b...

Sign Up Screen Simple UI

Image
  import "package:flutter/material.dart" ; import "package:wscubetech_app_ui/SignUp_Password_Screens/Password.dart" ; import "package:wscubetech_app_ui/SignUp_Password_Screens/Sign_In.dart" ; class SignUp extends StatelessWidget { SignUp({ super .key}) ; TextEditingController usernameController = TextEditingController () ; TextEditingController emailController = TextEditingController () ; TextEditingController phoneController = TextEditingController () ; @override Widget build (BuildContext context) { return GestureDetector ( onTap: () { return FocusManager. instance . primaryFocus ?.unfocus() ; } , child: Scaffold ( body: Container ( decoration: BoxDecoration ( gradient: LinearGradient ( colors: [ Colors. blue , Colors. blue . shade700 , Colors. blue . shade100 , Colors. blue . shade50 , ] , ...

Sign In Screen Simple UI

Image
  import "package:flutter/material.dart" ; import "package:wscubetech_app_ui/HomePage/HomePage_Screen.dart" ; import "package:wscubetech_app_ui/SignUp_Password_Screens/Forgot_Password.dart" ; import "package:wscubetech_app_ui/SignUp_Password_Screens/SignUp_Screen.dart" ; class SignIn extends StatefulWidget { const SignIn({ super .key}) ; @override State<SignIn> createState () { return SignInState () ; } } class SignInState extends State<SignIn> { TextEditingController usernameController = TextEditingController () ; TextEditingController passwordController = TextEditingController () ; bool _obscureText = true; @override Widget build (BuildContext context) { return GestureDetector ( onTap: () { return FocusManager. instance . primaryFocus ?.unfocus() ; } , child: Scaffold ( body: Container ( decoration: BoxDecoration ( gradient: LinearGradient ( ...