flutter - 根据索引/变量更改小部件的颜色

Question

我有一个自定义 BottomNav 栏，并根据 selectedIndex 成功更改了背景颜色。我通过三元语句来做到这一点:

backgroundColor: selectedIndex == 0
      ? const Color.fromARGB(255, 0, 52, 35)
      : const Color.fromARGB(255, 0, 13, 52),

现在我已经添加了第三个屏幕，我想按照这些行设置一个 if 语句:

backgroundColor: 
      if (selectedIndex == 0)
      {const Color.fromARGB(255, 0, 52, 35);}
      if (selectedIndex == 1)
      {const Color.fromARGB(255, 0, 13, 52);}
      if (selectedIndex == 2)
      {const Color.fromARGB(255, 87, 0, 54);},

这可能只是一个简单的语法问题——我是 Flutter 的新手。

Answer 1

您可以使用 switch 创建一个单独的方法。

Color getColor(int selectedIndex) {
  switch (selectedIndex) {
    case 0:
      return const Color.fromARGB(255, 0, 52, 35);

    case 1:
      return const Color.fromARGB(255, 0, 13, 52);

    case 2:
      return const Color.fromARGB(255, 87, 0, 54);

    default:
      return Colors.green;
  }
}

并使用

backgroundColor: getColor(selectedIndex),

更多关于 switch-and-case