Flutter：如何将按钮触发的字符串显示在应用界面而非终端？

核心是把compareVal的判断结果传递到State的状态变量中，通过setState触发UI更新，具体步骤如下：

1. 修改Number类的compareVal方法 #

让方法返回判断后的文本，而不是直接打印到终端：

class Number {
  static String compareVal() {
    int a = 5; // 替换成你的实际判断值
    if (a > 0) {
      return "a是正数";
    } else if (a == 0) {
      return "a等于0";
    } else {
      return "a是负数";
    }
  }
}

2. 在State类中添加状态变量并更新UI #

在RequirementTenWidgetState中定义存储显示文本的变量，点击按钮时调用compareVal获取结果，通过setState更新变量触发UI重建：

class RequirementTenWidgetState extends State<RequirementTenWidget> {
  String _showText = "";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        // 用Text组件展示结果
        child: Text(_showText, style: TextStyle(fontSize: 18)),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // 获取判断结果并更新状态
          String result = Number.compareVal();
          setState(() {
            _showText = result;
          });
        },
        child: Icon(Icons.add),
      ),
    );
  }
}

3. （可选）支持动态传入判断值 #

如果a的值不是固定的，可以给compareVal添加参数，让方法更灵活：

class Number {
  static String compareVal(int a) {
    if (a > 0) {
      return "a是正数";
    } else if (a == 0) {
      return "a等于0";
    } else {
      return "a是负数";
    }
  }
}

调用时传入动态值：

onPressed: () {
  int dynamicValue = -2; // 这里可以是动态获取的数值
  String result = Number.compareVal(dynamicValue);
  setState(() {
    _showText = result;
  });
},

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