Flutter中LateInitializationError字段未初始化问题求助

问题根源 #

你遇到的错误本质是两个完全独立的Requester实例：

• getInformation()方法里创建的是局部的Requester对象，你给这个局部对象的username赋了值，但这个对象和HomeRequesterScreen里创建的Requester没有任何关联。
• 页面里的Requester是全新实例，它的username从未被赋值，所以调用时触发late未初始化错误。

解决方案 #

方案一：传递已赋值的Requester实例到页面 #

这是最直接的解决方式，确保页面使用的是已经完成API赋值的实例：

1. 修改getInformation()，让它返回赋值后的Requester对象：

Future<Requester> getInformation() async {
  Requester requester = Requester();
  RequesterEndpoints endpoint = RequesterEndpoints();
  final String token = "tokenExemplo";
  final uri = Uri.parse(endpoint.getInformation);
  final headers = {
    'Content-Type': 'application/json',
    'Access-Control-Allow-Origin': '*',
    'Accept': 'application/json',
    'Authorization': 'Bearer ${token}'
  };
  Response response = await get(uri, headers: headers);
  dynamic responseBody = jsonDecode(response.body);
  dynamic requesterBody = responseBody['requester'];
  requester.username = requesterBody['username'];
  return requester; // 返回已赋值的实例
}

2. 在打开页面的点击事件中，等待API请求完成后传递实例：

onTap: () async {
  // 先获取已赋值的Requester
  Requester requester = await getInformation();
  // 跳转到页面并传递实例
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (context) => HomeRequesterScreen(requester: requester),
    ),
  );
}

3. 修改HomeRequesterScreen，接收外部传递的实例：

import 'package:flutter/material.dart';
import 'package:mobile/models/requester.dart';

class HomeRequesterScreen extends StatefulWidget {
  // 接收外部传入的Requester实例
  final Requester requester;
  const HomeRequesterScreen({Key? key, required this.requester}) : super(key: key);

  @override
  State<HomeRequesterScreen> createState() => _HomeRequesterScreenState();
}

class _HomeRequesterScreenState extends State<HomeRequesterScreen> {
  @override
  Widget build(BuildContext context) {
    return Container(
      // 使用传递过来的实例的username
      child: Text(widget.requester.username),
    );
  }
}

方案二：使用状态管理共享实例（适合多页面场景） #

如果需要在多个页面共享Requester数据，可以用状态管理（以Provider为例）：

1. 创建Provider类封装数据和API请求：

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

class RequesterProvider extends ChangeNotifier {
  Requester? requester;

  Future<void> getInformation() async {
    RequesterEndpoints endpoint = RequesterEndpoints();
    final String token = "tokenExemplo";
    final uri = Uri.parse(endpoint.getInformation);
    final headers = {
      'Content-Type': 'application/json',
      'Access-Control-Allow-Origin': '*',
      'Accept': 'application/json',
      'Authorization': 'Bearer ${token}'
    };
    http.Response response = await http.get(uri, headers: headers);
    dynamic responseBody = jsonDecode(response.body);
    dynamic requesterBody = responseBody['requester'];
    requester = Requester()..username = requesterBody['username'];
    notifyListeners(); // 通知页面更新
  }
}

2. 在main.dart中配置Provider：

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => RequesterProvider(),
      child: const MyApp(),
    ),
  );
}

3. 点击事件中调用Provider的请求方法：

onTap: () async {
  await Provider.of<RequesterProvider>(context, listen: false).getInformation();
  Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => const HomeRequesterScreen()),
  );
}

4. 在页面中获取共享的实例：

class _HomeRequesterScreenState extends State<HomeRequesterScreen> {
  @override
  Widget build(BuildContext context) {
    var requesterProvider = Provider.of<RequesterProvider>(context);
    return Container(
      child: Text(requesterProvider.requester?.username ?? '加载中...'),
    );
  }
}

方案三：替换late为可空类型（简化空值处理） #

如果不想使用late，可以将属性改为可空类型，避免强制初始化：

1. 修改Requester类：

class Requester {
  String? username; // 改为可空类型
}

2. 修改页面，处理空值情况：

class _HomeRequesterScreenState extends State<HomeRequesterScreen> {
  Requester requester = Requester();

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

  Future<void> _loadData() async {
    // 将页面的requester传入方法赋值
    await getInformation(requester);
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Text(requester.username ?? '暂无数据'),
    );
  }
}

// 修改getInformation方法，接收外部的Requester实例
Future<void> getInformation(Requester requester) async {
  // ... 原有API请求代码
  requester.username = requesterBody['username'];
}

内容的提问来源于stack exchange，提问作者Marcos Felipe