如何讓我的 Inkwell 懸停在我的菜單項上工作？

Question

我正在嘗試在我的導航菜單上創建 onHover 效果，我的方法是創建布爾列表，只要我的導航菜單項和初始 false 值，然后當菜單項懸停時更改顏色，我的問題是 value 參數從inkwell onhover 功能打印出正確的值到控制台，但它不會影響我的菜單項顏色，有什么建議嗎？ 當我運行它時，它仍然是紅色，懸停沒有效果

 final List hover = [false, false, false, false, false];

       InkWell(
                    onHover: (value) {
                      setState(() {
                        value ? hover[1] = true : hover[1] = false;
                      });
                    },
                    onTap: () {},
                    child: Text('Org Chart',
                        style: TextStyle(
                            color: hover[1] ? Colors.black : Colors.red))),

Answer 1

你確定你在構建方法中沒有hover變量嗎？ 確保它是正確的 StatefulWidget 狀態變量。 我還建議刪除final注釋，因為您想在懸停時更改它。 您也可以像這樣簡化代碼：

setState(() {
  hover[1] = value;
});