将数据从 API 保存到本地并在 flutter 中获取

问：

我想在 loginpage.dart 上使用 API JWT 登录，从持有者令牌本地保存数据，并从 API 获取数据从 loginpage.dart 到 homepage.dart

如何在homepage.dart中将（名称）从JWT提取到（您的姓名），以及（部门）从JWT获取（您的部门）

我想为每个不同的凭据使用持有者令牌，会得到不同的（名称）和（部门）。

<loginpage.dart>

<sup>TextEditingController personalnumberController = TextEditingController();
  TextEditingController passwordcontroller = TextEditingController();

  void login(String personalnumber , password) async {

    try {
      http.Response response = await http.post(
        Uri.parse('http://192.168.10.200:8080/absensi-magenta/public/api/login'),
        body: {
          'personal_number': personalnumber,
          'password': password,
        },
      );


      if(response.statusCode == 200){
        var data = jsonDecode(response.body.toString());
        Navigator.of(context).push(MaterialPageRoute(
          builder: (context) => const HomePage(),
        ));
      }

      else {
        showTopSnackBar(
          Overlay.of(context),
          const CustomSnackBar.error(
            message:
            "Username / Password Anda Salah",
          ),
        );
      }

    } catch(e){
      print(e.toString());
    }</sup>

<主页.dart>

Text('Your Name', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w700)), Text('Your Division', style: TextStyle(fontSize:
12.0)),

{
    "access_token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodxxxxxxx",
    "token_type": "bearer",
    "expires_in": 3600,
    "user": {
        "id": 2,
        "name": "Power Rangers",
        "personal_number": "08123456789",
        "division": "Pengadaan & TI",
        "created_at": "2023-10-12T09:50:59.000000Z",
        "updated_at": "2023-10-12T09:50:59.000000Z"
    }
}

我想从 API 获取数据，在 loginpage.dart > sharedpreference 上保存到本地，以将数据从 loginpage.dart 发送到 homepage.dart