Flutter中如何在snapshot.data前添加预定义文本？

你可以通过两种简单方式实现需求：

方式一：直接拼接字符串（样式统一时推荐） #

如果不需要给固定文本和动态数据设置不同样式，直接用Text组件拼接字符串即可：

accountEmail: FutureBuilder<String>(
  future: functions.FunctionsHelper.getAgentPosition(),
  builder: (context, snapshot) {
    if (snapshot.hasData) {
      return Text(
        "Position: ${snapshot.data}",
        style: TextStyle(
          height: -0.2,
          fontSize: 11.4,
          color: Colors.white,
          fontWeight: FontWeight.w700
        ),
      );
    }
    // 数据未加载时的占位UI，可根据需求替换为加载指示器等
    return Text("");
  },
),

方式二：用RichText添加多个TextSpan（需要不同样式时使用） #

如果要给固定文本和动态数据设置不同样式，在原有的RichText中新增一个TextSpan即可：

accountEmail: FutureBuilder<String>(
  future: functions.FunctionsHelper.getAgentPosition(),
  builder: (context, snapshot) {
    if (snapshot.hasData) {
      return RichText(
        text: TextSpan(
          children: [
            // 固定文本的TextSpan
            TextSpan(
              text: "Position: ",
              style: TextStyle(
                height: -0.2,
                fontSize: 11.4,
                color: Colors.white,
                fontWeight: FontWeight.w700
              ),
            ),
            // 原有的动态数据TextSpan
            TextSpan(
              text: snapshot.data,
              style: TextStyle(
                height: -0.2,
                fontSize: 11.4,
                color: Colors.white,
                fontWeight: FontWeight.w700
              ),
            ),
          ],
        ),
      );
    }
    // 数据未加载时的占位UI
    return Text("");
  },
),

注意：务必补充数据未加载（snapshot.hasData为false）时的占位UI，避免出现空状态错误。

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