Flutter SQFLite：如何将Future<List>数据库值读取到Text Widget

一、修正核心逻辑问题 #

1. 修复模型类的JSON解析错误 #

你的myPhila.fromJson方法存在语法错误，需去掉PhilaFields.myFlag外的多余大括号，避免解析失败：

static myPhila fromJson(Map<String, Object?> json) => myPhila(
  id: json[PhilaFields.id] as int?,
  isFlag: json[PhilaFields.myFlag] as int, // 去掉此处的大括号
);

2. 优化数据库查询与值提取 #

如果只需要单条数据的isFlag，可以直接修改查询逻辑，或者从返回的List中提取首个元素的目标值：

// 修正readFlag函数，返回单个String值
Future<String> readFlag() async {
  try {
    List<myPhila> flagList = await DBHelper.instance.read_isFlag();
    // 取列表首个元素的isFlag并转为字符串
    return flagList.first.isFlag.toString();
  } catch (e) {
    // 处理空列表或异常，返回默认值
    return '0';
  }
}

可选优化：直接修改read_isFlag查询，只返回单条数据提升效率：

Future<List<myPhila>> read_isFlag() async {
  final db = await instance.dataBase;
  // 用LIMIT 1限制只返回第一条数据
  final result = await db.rawQuery('SELECT isFlag FROM $myTable LIMIT 1');
  final list = result.map((json) => myPhila.fromJson(json)).toList();
  if(list.isNotEmpty) return list; 
  else throw Exception('Empty List');
}

二、在UI中用FutureBuilder显示数据 #

Flutter的Text Widget无法直接接收Future类型的值，必须用FutureBuilder等待异步操作完成后再渲染数据：

Widget buildMyFlagText() {
  return FutureBuilder<String>(
    future: readFlag(), // 调用异步获取值的函数
    builder: (context, snapshot) {
      // 加载中状态
      if (snapshot.connectionState == ConnectionState.waiting) {
        return const Text('加载中...');
      }
      // 加载出错状态
      else if (snapshot.hasError) {
        return Text('加载失败: ${snapshot.error}');
      }
      // 加载成功状态，显示获取到的值
      else {
        return Text(snapshot.data ?? '0');
      }
    },
  );
}

之后你就可以在UI树中直接使用buildMyFlagText()这个Widget了。

三、额外简化方案（可选） #

如果不需要完整的模型类，可直接查询单个int值再转为字符串，省去List处理步骤：

Future<String> readFlagDirectly() async {
  final db = await instance.dataBase;
  final result = await db.query(
    myTable,
    columns: [PhilaFields.myFlag],
    limit: 1,
  );
  if (result.isNotEmpty) {
    return (result.first[PhilaFields.myFlag] as int).toString();
  }
  return '0';
}

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