变量的值发生变化时，如何改变UI？

Question

我试图改变用户界面 if (variable1 == "1")但我得到的是 错误. 谁能告诉我，我的代码有什么问题，或者是否有其他的方法，以 向用户展示不同的东西，如果 variable1 改值 下面是我试过的代码。先谢谢你了。

    return Scaffold(

      body: Container(
        if (variable1 == "1") {
        child: Center(
          child: Text("Test");
        ),
       }
        else {
          print("test");
        }
      ),
    );
  }
}

Answer 1

试试这个:

在dart中使用tenary操作符。

 return Scaffold(
      body: Container(
        child: variable1 == "1"
            ? Center(
                child: Text("Variable1 is equals to 1"),
              )
            : Text("Varibale1 is not 1"),
      ),
    );

我希望这能帮助你。

Answer 2

对于小的if条件，你可以按照@Random Guru的建议来做。然而，如果你有更复杂的逻辑，那么在返回小组件之前完成逻辑可能是个不错的主意，例如

body:_buildBody()



Widget _buildBody()
{
  if (variable1 == "1")
  {
     return Container(______); 
  }
  else
  {
     return Text(_____);
  }
}