如何在 flutter 中为每个步进器创建不同的 BottomNavigationBar？

Question

我想为不同的步骤创建不同的底部应用栏。我无法在步进器 class 中创建 bottomNavigationBar。我怎样才能做到这一点，请帮助我。

Answer 1

定义一个值用于跟踪加载了 page/step 个点

int activeStep = 0;

您可以在 scaffold 中定义一个底部导航栏，这个栏取决于一个值，它根据活动步进器索引而改变。

  Scaffold(
    bottomNavigationBar: BottomNavigationBar(
      currentIndex: activeStep,
      selectedItemColor: Colors.black,
      items: const [
        BottomNavigationBarItem(
            label: "Home", icon: Icon(Icons.home, color: Colors.black)),
        BottomNavigationBarItem(
            label: "Search", icon: Icon(Icons.search, color: Colors.black)),
        BottomNavigationBarItem(
            label: "Favourites",
            icon: Icon(Icons.favorite, color: Colors.black)),
        BottomNavigationBarItem(
            label: "Profile",
            icon: Icon(Icons.person, color: Colors.black)),
      ],
    ),
    body: Padding(
      padding: const EdgeInsets.all(8.0),
      child: IconStepper(
        icons: const [
          Icon(Icons.home),
          Icon(Icons.search),
          Icon(Icons.favorite),
          Icon(Icons.person),
        ],
        activeStep: activeStep,
        onStepReached: (index) {
          setState(() {
            activeStep = index;
          });
        },
      ),
    ));

如何在 flutter 中为每个步进器创建不同的 BottomNavigationBar？

How to create Different BottomNavigationBar for each stepper in flutter?

dart

flutter

flutter-layout