Flutter问题：Text组件为空时跳转页面逻辑失效

核心问题 #

你当前的实现存在两个关键错误，导致无论数据是否正常都会跳转：

1. 判断对象错误：textname是Text组件实例，并非字符串，Text没有isEmpty属性。初始时textname为null，所以textname?.isEmpty ?? true会始终返回true，触发跳转。
2. 时机错误：initState里的Future.delayed(Duration.zero)会在异步请求getData()完成前执行，此时数据还未加载，textname必然未被赋值，直接触发跳转。

正确实现方案 #

应该直接基于API返回的数据（mapResponse）做判断，并且在请求完成后再处理跳转逻辑，而不是依赖UI组件。

步骤1：修改getData函数，在请求回调中判断并跳转

late Map<String, dynamic>? mapResponse;

Future<void> getData() async {
  // 替换为你的实际GET请求逻辑
  final response = await http.get(Uri.parse('你的API接口地址'));
  
  if (response.statusCode == 200) {
    mapResponse = json.decode(response.body);
    // 检查返回的ward_no是否为空或不存在
    final wardNo = mapResponse?['ward_no']?.toString() ?? '';
    if (wardNo.isEmpty) {
      // 确保页面未销毁再跳转
      if (mounted) {
        Navigator.push(context, MaterialPageRoute(builder: (context) => const Home()));
      }
    }
  } else {
    // 请求失败直接跳转
    if (mounted) {
      Navigator.push(context, MaterialPageRoute(builder: (context) => const Home()));
    }
  }
  setState(() {}); // 更新UI
}

步骤2：修正initState逻辑

只需要在initState中调用getData，不需要额外的延迟执行：

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

步骤3：简化UI部分（无需再赋值textname）

Positioned(
  right: 130.0,
  bottom: 20.0,
  child: mapResponse == null 
      ? Container() 
      : Text(
          mapResponse!['ward_no'].toString(),
          style: const TextStyle(
              fontWeight: FontWeight.bold,
              fontSize: 18.0),
        ),
),

关键说明 #

• 始终基于原始数据（而非UI组件）做业务判断，避免逻辑与UI耦合。
• 在异步操作完成后处理跳转，确保拿到真实的请求结果。
• 使用mounted判断防止页面已销毁时调用Navigator引发错误。

内容的提问来源于stack exchange，提问作者Mr.Robot