navigation - 了解 flutter 导航

Question

我正在使用 Fluro，但我认为在这种情况下这无关紧要。

我有一个带有两个不同图标的 BottomNavigationBar。在每个选项卡上，我想使用导航器去另一条路线。是否可以使用导航器设置没有任何动画和后退按钮的路线？

Answer 1

Navigator 仅用于在两条不同的路线之间导航(完全可以说是两个不同的屏幕或 View )。 BottomNavigationBar 不会将我们带到新屏幕，而是用于更改当前路线的 View 。您可以通过多种方式实现它。

PageView 示例:

void main() {
  runApp(new MaterialApp(
    title: "Example",
    home: new BottomNav(),
  ));
}

class BottomNav extends StatefulWidget {
  @override
  _BottomNavState createState() => new _BottomNavState();
}

class _BottomNavState extends State<BottomNav> {
  PageController _controller = new PageController();

  int _currentPage = 0;

  void _onBottomNavChange(int index) {
    _controller.animateToPage(index,
        duration: new Duration(milliseconds: 200), curve: Curves.ease);
    setState(() {
      _currentPage = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new PageView(controller: _controller, children: [
        new Container(color: Colors.red),
        new Container(color: Colors.blue),
      ]),
      bottomNavigationBar: new BottomNavigationBar(
        items: [
          new BottomNavigationBarItem(
              icon: new Icon(Icons.arrow_left), title: new Text("Left")),
          new BottomNavigationBarItem(
              icon: new Icon(Icons.arrow_right), title: new Text("Right")),
        ],
        onTap: _onBottomNavChange,
        currentIndex: _currentPage,
      ),
    );
  }
}

你可以看另一个例子here ，它使用 Stack 进行 BottomNavigationBar 操作。

希望对您有所帮助!