Flutter：无法让导航在项目中工作

Question

作为菜鸟，我正在尝试一些项目作为样板。我有一个麻烦。我可以让整个项目工作，除了导航。我尝试了不同的解决方案和文档，但我想我的菜鸟使我无法看到正确的问题以及如何解决它。

这是我正在使用的示例，同样，它的工作原理，除了到另一个“页面”的底部导航：https://github.com/Sithira/FlutterRadioPlayer/tree/master/example/lib。我需要为它们添加1或2个页面和相应的按钮。

是否有人愿意将我推向正确的方向，甚至提供可行的解决方案？

Answer 1

您没有做任何实际更改显示在 setState()

上的页面

尝试将第二页放在儿童列表中：

_children = [
    new FirstPage(),
    new SecondPage(),
  ];

此外，您忘记 return 实际选择的页面。尝试类似的东西：

MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Flutter Radio Player Example'),
        ),
        body: _children[_currentIndex]

这样，每次您 setState() 使用新索引时，页面都会根据您更改的 _currentIndex 重建显示新选择的页面。

在 Flutter 中还有许多其他方式来处理导航。一些是： Navigator.of(context).push) / pop() 等的命令式方法。 Navigator 2.0 和 Router Delegate

的新声明式方法

Answer 2

"a" 解决方案是使用 Navigator.of(context) 方法。

要使其正常工作，您必须更改：

void main() => runApp(MyApp());

至：

void main() => runApp(MaterialApp(
      title: "App",
      home: MyApp(),
    ));

Flutter：无法让导航在项目中工作

Flutter: cant get navigation to work in project

navigation

dart

flutter