flutter - 如何根据条件变化更改小部件的颜色

标签 flutter dart

我有一个IconButton,当订单列表不为空时,我想更改图标和颜色,我创建了两个IconData,一个用于完整购物车,一个用于空购物车。
最初,它是在更改颜色和购物车类型,但是直到我返回第一个 Activity (页面)然后再次重新打开该 Activity (页面)时,它才改变。.我不是什么问题。
这是我使用的代码;请帮忙

 IconData cartIcon= Icons.add_shopping_cart;
 IconData cart2 = Icons.shopping_cart;
   
IconButton(
   
          icon:widget.rest.items_to_Order.isEmpty?Icon(cartIcon, color: Colors.white,):Icon(cart2 , 
           color: Colors.amber,),
          iconSize: 30,
          onPressed: () {
            Navigator.push(context, new MaterialPageRoute(builder: (context)=> new list_orders_page(widget.rest)));
          },
        ),

最佳答案

您应该使用setState(() {});重建小部件
以下是行程操作的示例:

color: booleanVariable == true ? Colors.white : Colors.black,
当执行“onTap”操作时,请使用setState(() {booleanVariable = true;});更改颜色。
bool(boolean) 变量只是一个选择,可以使用不同类型的变量。

关于flutter - 如何根据条件变化更改小部件的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64522819/

相关文章:

flutter - 读取列表中的元素以使卡片小部件变得困惑

dart - 无法让按钮按下以在 flutter 中工作

flutter - textInputAction : TextInputAction. next 无法将用户焦点移动到下一个元素

android - 带有ListTiles和Button行的Flutter下拉菜单

flutter 改变焦点颜色和图标颜色但不起作用

flutter - 使用 VS Code 在 Genymotion 机器上运行 Flutter

dart - 嵌套 IF 条件出现意外行为

flutter - 如何在Dart中启用断言?

dart - 如何在Dart中设置@RouteConfig

dart - 在 Flutter 中处理错误后如何设置文本字段的 setState()?