带有主/详细信息示例的 Flutter Drawer 菜单

Posted

技术标签:

【中文标题】带有主/详细信息示例的 Flutter Drawer 菜单【英文标题】:Flutter Drawer menu with master/details example 【发布时间】:2019-02-08 11:24:07 【问题描述】:

我正在寻找一个示例来展示如何实现简单的抽屉菜单和主/详细信息屏幕。我目前有一个解决方案,但它有一个缺陷。问题是当单击主列表视图中的项目时,整个抽屉被详细信息屏幕替换。 我希望抽屉始终可见。 有这个简单的例子吗?我还没有找到:/

谢谢!

【问题讨论】:

【参考方案1】:

似乎始终可见的抽屉只是 Row 项目?

Row(
  crossAxisAlignment: CrossAxisAlignment.stretch,
  children: <Widget>[
    Container(
      width: 240.0,
      child: <master>,
    ),
    Expanded(child: <detail>),
  ],
)

【讨论】:

不是我想要的,但很有用!【参考方案2】:

我发现这不是最佳解决方案。最佳实践表明,打开细节总是隐藏抽屉菜单,就像在 Gmail 或其他 Adndroid 应用中一样。

【讨论】:

以上是关于带有主/详细信息示例的 Flutter Drawer 菜单的主要内容,如果未能解决你的问题,请参考以下文章

在 Google Flutter 应用程序中管理社交用户详细信息

使用带有自定义按钮的主详细信息应用程序的 segue。

使用带有flutter_bloc的Equatable类

如何在颤动中创建带有文本和分隔符的详细信息框

带有 Flutter 框架的文件观察器

如何从flutter访问设备应用