主从流

pub package

一个 Flutter 插件，允许您使用 Material 3 设计构建快速、响应式和美观的 MasterDetailFlows，您可以使用它来创建自己的许可页面或响应式布局页面。

入门

该包公开了一个 `MasterDetailFlow` 小部件。您可以将该小部件用作页面本身，或在 Scaffold 内部使用。

用法

使用其 fromItems 构造函数创建一个新的 MasterDetailFlow。您也可以使用普通构造函数进行更高级的用法。

MasterDetailFlow.fromItems(
  title: const Text('MasterDetailFlow'),
  masterItems: <MasterDetailFlowItemBase>[
    MasterDetailFlowTitle(
      child: Container(
        color: Colors.green,
        height: 200,
        child: const Center(
          child: Text('Title'),
        ),
      ),
    ),
    MasterDetailFlowItem(
      title: const Text('Option One'),
      detailsListChildBuilder: (BuildContext context, int index) =>
          Text('Hello World $index'),
    ),
    const MasterDetailFlowDivider(child: Divider()),
    MasterDetailFlowItem(
      title: const Text('Option Two'),
      subtitle: const Text('This is the second option after a divider'),
      showSubtitleOnDetails: true,
      detailsListChildBuilder: (BuildContext context, int index) =>
      const SizedBox(
        height: double.maxFinite,
        child: Center(
          child: Text('A centered object'),
        ),
      ),
      detailsChildrenCount: 1,
    ),
  ],
),

GitHub

查看 Github