I want to change container color but it doesn't work?

Question

when i press the bottomnavigationbar item why it doesnt work

Here the codes;

    Color? color;
  colorChange() {
    if (_pageIndex == 0) {
      color = AppColors.buttonColor;
    }
    if (_pageIndex == 1) {
      color = AppColors.buttonColor;
    }
    if (_pageIndex == 2) {
      color = AppColors.buttonColor;
    }

    return null;
  }

BottomNavBar item section,

items: [
            BottomNavigationBarItem(
                icon: Padding(
                  padding: context.paddingTop / 8,
                  child: Container(
                    height: 40,
                    decoration: BoxDecoration(
                        color: colorChange(),
                        borderRadius: BorderRadius.circular(30)),
                    width: 40,
                    child: const Icon(
                      Icons.home_outlined,
                    ),
                  ),
                ),
                label: ''),

Can you include full widget, – Md. Yeasin Sheikh Aug 13 '22 at 20:02 — Md. Yeasin Sheikh, Aug 13 '22 at 20:02

score 0 · Accepted Answer · edited Aug 14 '22 at 07:48

0

This method isn't returning any color but retuns a null at the end.

Try this:

Color? color;
  Color colorChange(currentIndex) {
    if (currentIndex == _pageIndex) 
   {
      color = AppColors.buttonColor;
    }
    else{
      color = Colors.transparent;
    }
    return color;
  }

And in bottom Navigation bar item:

items: [
            BottomNavigationBarItem(
                icon: Padding(
                  padding: context.paddingTop / 8,
                  child: Container(
                    height: 40,
                    decoration: BoxDecoration(
                        color: colorChange(0),//here pass the index
                        borderRadius: BorderRadius.circular(30)),
                    width: 40,
                    child: const Icon(
                      Icons.home_outlined,
                    ),
                  ),
                ),
                label: ''),

edited Aug 14 '22 at 07:48

Sunderam Dubey

1
11
20
40

answered Aug 13 '22 at 20:02

Kaushik Chandru

15,510
2
12
30

thank but, else if (_pageIndex == 1){} while pageIndex 0 too change color why ? – Buğra Aykan Aug 13 '22 at 20:22
Edited my answer. The color is assigned to all children so it will get the same color. So you have to pass the indexof each item. Check with current page. If its same send a color. If not return transparent. Edited my answer – Kaushik Chandru Aug 13 '22 at 20:33
Glad it did. Please accept the answer if it was helpful – Kaushik Chandru Aug 13 '22 at 20:52

I want to change container color but it doesn't work?

1 Answers1