Изогнутая панель навигации во флаттере - PullRequest
Новая
       7

Изогнутая панель навигации во флаттере

2 голосов
/ 03 августа 2020

В настоящее время у меня есть библиотека в flutter https://pub.dev/packages/curved_navigation_bar, и она уже реализована в моем проекте, но проблема в том, что при навигации по элементу цвет значка выбранного элемента не меняется. Можно ли динамически изменять цвет значка выделенного элемента?

По умолчанию:

enter image description here

And this is what I need:

введите описание изображения здесь

Спасибо!

1 Ответ

1 голос
/ 03 августа 2020

Думаю, это должно сработать. 

class HomeBottomNavigationBar extends StatefulWidget {

@override
_HomeBottomNavigationBarState createState() =>_HomeBottomNavigationBarState();
}


class _HomeBottomNavigationBarState extends State<HomeBottomNavigationBar> 
{

int pressedButtonNo = 0;

 @override
 Widget build(BuildContext context) {
   return CurvedNavigationBar(
   
   items: <Widget>[
    Icon(Icons.add, size: 30, color: (pressedButtonNo = 0)? Colors.Green : Colors.Black,),
    Icon(Icons.list, size: 30, color: (pressedButtonNo = 1)? Colors.Green : Colors.Black,),
    Icon(Icons.compare_arrows, size: 30, color: (pressedButtonNo = 2)? Colors.Green : Colors.Black,),
  ],
  onTap: (index) {
    setState () {
     pressedButtonNo = index;
    }
  },
);
}}

Я не тестировал. Надеюсь, что это работает! Удачного кодирования :)

...