OpenPeerChat-flutter/lib/pages/profile.dart

import 'dart:async';
import 'package:flutter/material.dart';
import 'home_screen.dart';
import 'package:nanoid/nanoid.dart';
import 'package:shared_preferences/shared_preferences.dart';
import '../classes/global.dart';

class Profile extends StatefulWidget {
  final bool onLogin;

  const Profile({Key? key, required this.onLogin}) : super(key: key);
  @override
  State<Profile> createState() => _ProfileState();
}

class _ProfileState extends State<Profile> {
  // TextEditingController for the name of the user
  TextEditingController myName = TextEditingController();

  // loading variable is used for UI purpose when the app is fetching
  // user details
  bool loading = true;

  // Custom generated id for the user
  var customLengthId = nanoid(6);

  // Fetching details from saved profile
  // If no profile is saved, then the new values are used
  // else navigate to DeviceListScreen
  Future getDetails() async {
    // Obtain shared preferences.
    final prefs = await SharedPreferences.getInstance();
    final name = prefs.getString('p_name') ?? '';
    final id = prefs.getString('p_id') ?? '';
    setState(() {
      myName.text = name;
      customLengthId = id.isNotEmpty ? id : customLengthId;
    });
    if (name.isNotEmpty && id.isNotEmpty && widget.onLogin) {
      navigateToHomeScreen();
    } else {
      setState(() {
        loading = false;
      });
    }
  }

  // It is a general function to navigate to home screen.
  // If we are first launching the app, we need to replace the profile page
  // from the context and then open the home screen
  // Otherwise we need to pop out the profile screen context
  // from memory of the application. This is a flutter way
  // to manage different contexts and screens.
  void navigateToHomeScreen() {
    Global.myName = myName.text;
    if (!widget.onLogin) {
      Global.myName = myName.text;
      Navigator.pop(context);
    } else {
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(
          builder: (context) => const HomeScreen(),
        ),
      );
    }
  }

  @override
  void initState() {
    super.initState();

    // At the launch we are fetching details using the getDetails function
    getDetails();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text(
          'Profile',
        ),
      ),
      body: Visibility(
        visible: loading,
        replacement: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [

            Padding(
              padding: const EdgeInsets.all(10.0),
              child: TextFormField(
                controller: myName,
                decoration: const InputDecoration(
                  icon: Icon(Icons.person),
                  hintText: 'What do people call you?',
                  labelText: 'Name *',
                  border: OutlineInputBorder(),
                ),
                validator: (String? value) {
                  return (value != null &&
                      value.contains('@') &&
                      value.length > 3)
                      ? 'Do not use the @ char and name length should be greater than 3'
                      : null;
                },
              ),
            ),
            ElevatedButton(
              onPressed: () async {
                final prefs = await SharedPreferences.getInstance();
                // saving the name and id to shared preferences
                prefs.setString('p_name', myName.text);
                prefs.setString('p_id', customLengthId);

                // On pressing, move to the home screen
                navigateToHomeScreen();
              },
              child: const Text("Save"),
            )
          ],
        ),
        child: const Center(
          child: CircularProgressIndicator(),
        ),
      ),
    );
  }
}