Flutter:如何模块化底部导航栏

标签 flutter oop dart state

我一直在浏览有关底部导航栏的多个教程。每个教程都将底部导航栏放在主flutter文件中,我不喜欢。我正在尝试模块化应用程序并将底部导航栏放在第二个文件中,其中包含 getter 和 setter 以更改和监视当前 View ,但这对我不起作用。我试图在导航栏访问的应用程序文件中创 build 置器和 getter 来处理这样的导航:

class _AppState extends State<App> {
  int _selectedPage = 0;
  final _pages = [HomePage(), EventsPage(), ThrivePage(), AnnouncementsPage()];

  int get currentPage => this._selectedPage;

  set currentPage(int thePage) {
    this._selectedPage = thePage;
  }
并且底部导航小部件文件可以访问它,但是 App 类没有实际变量,因此我无法访问类 getter 和 setter。
我对 OOP 很陌生,所以可能有一种我不熟悉的方法。任何帮助表示赞赏。

最佳答案

这可能不是您现在想听到的,但您可以创建一个自定义选项卡并使用网页浏览作为您的 View ,然后使用网页浏览 Controller 在屏幕之间切换,现在自定义导航可以是您只需正确链接它们的任何文件。
我想我可能会写一篇文章来真正解释我所说的

关于Flutter:如何模块化底部导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63060489/

相关文章:

flutter - OnPressed 对字体颜色的影响

android - 当我点击文本字段时,Flutter 页面会关闭

Java OO Design 帮助 - 如何抽象出一个保存方法?

flutter |如何验证时间选择器

flutter - 我怎样才能将扁平按钮的大小设置为 child 的大小

firebase - 测试在带有 Firebase 插件的 Flutter Web 应用程序中不起作用

android - Flutter:在 ListView Builder 中使用英雄动画

actionscript-3 - 插入字符串 AS3

c++ - 使用 C++ OOP 设计更新总值

android - 键盘打开/关闭后 Flutter 重建