Workshop: Flutter Auth Login #part7 ProfilePage get SharedPreferences and Remove SharedPreferences for Logout

ProfilePage.dart

import 'package:shared_preferences/shared_preferences.dart';
import 'dart:convert' as convert;

class _ProfilePageState extends State
 {
  SharedPreferences? sharePrefs;

Map profile = {'username': '', 'name': '', "surname": ''};

_getSharedPreferences() async {   
    sharePrefs = await SharedPreferences.getInstance();
    var profileString = sharePrefs!.getString('profile');

    if (profileString != null) {
      setState(() {
        profile = convert.jsonDecode(profileString);
      });
    }
  }

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

Widget build(BuildContext context) {
...
 Text('email: ${profile['username']} ',
   style: TextStyle(fontSize: 20, color: Colors.grey)),
...
 Text('name: ${profile['name']} ',
   style: TextStyle(fontSize: 20, color: Colors.grey)),
...
 Text('surname: ${profile['surname']} ',
   style: TextStyle(fontSize: 20, color: Colors.grey)),
...

Log out

_logout() async{
    sharePrefs = await SharedPreferences.getInstance();
      await sharePrefs!.remove('token');
    await sharePrefs!.remove('profile');

    Navigator.of(context, rootNavigator: true)
        .pushNamedAndRemoveUntil('/login', (route) => false);
  }

@override
  Widget build(BuildContext context) {
...
  MaterialButton(
    onPressed: (){
      _logout();
    },
    child:
      Text("Logout", 
         style: TextStyle(color: Colors.blue)),
    )

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'dart:convert' as convert;

class ProfilePage extends StatefulWidget {
  ProfilePage({Key? key}) : super(key: key);

  @override
  _ProfilePageState createState() => _ProfilePageState();
}

class _ProfilePageState extends State
 {
  SharedPreferences? sharePrefs;
  Map profile = {'username': '', 'name': '', "surname": ''};

  _getSharedPreferences() async {
    sharePrefs = await SharedPreferences.getInstance();
    var profileString = sharePrefs!.getString('profile');
    print(profileString);
    if (profileString != null) {
      setState(() {
        profile = convert.jsonDecode(profileString);
      });
    }
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('ProfilePage'),
        ),
        body: Container(
            padding: const EdgeInsets.all(20),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: } ',
                        style: TextStyle(fontSize: 20, color: Colors.grey)),
                    SizedBox(height: 20),
                    Text('name: ${profile} ',
                        style: TextStyle(fontSize: 20, color: Colors.grey)),
                    SizedBox(height: 20),
                    Text('surname: ${profile} ',
                        style: TextStyle(fontSize: 20, color: Colors.grey)),
                    SizedBox(height: 40),
                    MaterialButton(
                      onPressed: () {
                        _logout();
                      },
                      child:
                          Text("Logout", style: TextStyle(color: Colors.blue)),
                    ),
                  ],
                ),
              ],
            )));
  }

  _logout() async {
    sharePrefs = await SharedPreferences.getInstance();
    await sharePrefs!.remove('token');
    await sharePrefs!.remove('profile');

    Navigator.of(context, rootNavigator: true)
        .pushNamedAndRemoveUntil('/login', (route) => false);
  }
}