Flutter -如何在BoxDecoration中创建可变颜色

nr9pn0ug  于 2022-11-30  发布在  Flutter
关注(0)|答案(1)|浏览(116)

我正在创建一个表,其中的值 是根据一个列表放置的,但是我想让表格中每个单元格的颜色在两种不同的颜色之间变化,我想知道是否有任何方法可以做到这一点,使用BoxDecoration如下所示

String color = "0xFFE8CFA7";
 Container(
          padding: EdgeInsets.symmetric(horizontal: 6, vertical: 6),
          decoration: new BoxDecoration(
            color: Color(color),
          ),
          child: Column(
              children: previsao
                  .map((e) => Row(
                        mainAxisAlignment: MainAxisAlignment.spaceAround,
                        children: [
                          Container(
                            width: 104,
                            child: Text("${e.diaSemana}",
                                style: TextStyle(
                                    fontSize: 16,
                                    fontWeight: FontWeight.w500)),
                          ),
                          Text("T", style: TextStyle(fontSize: 18)),
                          Text("${e.tempMin}°",
                              style: TextStyle(fontSize: 18)),
                          Text("${e.tempMax}°",
                              style: TextStyle(fontSize: 18)),
                        ],
                      ))
                  .toList())
dldeef67

dldeef671#

首先,声明一个int变量,如下所示:

int index = 0;

然后在小部件的color属性中,您可以像这样设置它:

color: (index++) % 2 == 0 ? Colors.red : Colors.blue,

这将导致每个小部件的颜色不同,如下所示:

相关问题