时间戳

首页 > 解决方案 > 如何在 Flutter 小部件中使用 If 语句

dart - 如何在 Flutter 小部件中使用 If 语句

问题描述

我是颤振和练习简单应用程序的新手。但是现在，我可以插入一行条件语句，但我想添加 If 语句。所以我可以添加更多声明。我怎么做？这是我的代码。请看一看。当我达到目标金额颜色时，我想添加更多颜色：_moneyCounter > 1000 ？Colors.green : Colors.red,

Expanded(
              child: Center(
                child: Text(
                  '\USD $_moneyCounter',
                  style: TextStyle(
                    color: _moneyCounter > 1000 ? Colors.green : Colors.red,
                    fontSize: 40.0,
                  ),
                ),
              ),
            ),

标签： dartflutter

解决方案

您可以使用多个三元运算符：

_moneyCounter > 1000 ? Colors.green : _moneyCounter > 2000 ? Colors.Blue : Colors.red

但为了便于阅读，我不建议这样做，因此您可以使用返回颜色的函数：

Color getMyColor(int moneyCounter) {
 if (moneyCounter == 1000) then {
    return Colors.green;
 } else
  if (moneyCounter == 2000) then {
   return Colors.red;
  }
}

然后使用该功能：

color: getMyColor(_moneyCounter),

推荐阅读