cupertino_lists

cupertino_lists 是 iOS 风格列表（**分组**和**嵌入分组**）的实现。

警告： 此包在 #78732 合并后可能不再维护。

左侧是原生实现，右侧是 cupertino_lists。

notes example reminders example settings example

入门

将包添加到您的 pubspec.yaml

cupertino_lists: ^1.0.1

导入库

import 'package:cupertino_lists/cupertino_lists.dart';

要创建现代化的嵌入分组 iOS 风格列表，您需要使用 CupertinoListSection.insetGrouped() 小部件，并将其子项用作 CupertinoListTile.notched()。

  // Code from the reminders app example above.
  @override
  Widget build(BuildContext context) {
    return CupertinoListSection.insetGrouped(
      header: const Text('My Lists'),
      children: const <CupertinoListTile>[
        CupertinoListTile.notched(
          title: Text('Reminders'),
          leading: _DummyIcon(
            color: CupertinoColors.activeBlue,
            icon: CupertinoIcons.list_bullet,
          ),
          additionalInfo: Text('4'),
          trailing: CupertinoListTileChevron(),
        ),
        CupertinoListTile.notched(
          title: Text('Old Reminders'),
          leading: _DummyIcon(
            color: CupertinoColors.systemYellow,
            icon: CupertinoIcons.list_bullet,
          ),
          additionalInfo: Text('42'),
          trailing: CupertinoListTileChevron(),
        ),
        CupertinoListTile.notched(
          title: Text('Important'),
          leading: _DummyIcon(
            color: CupertinoColors.systemRed,
            icon: CupertinoIcons.list_bullet,
          ),
          additionalInfo: Text('2'),
          trailing: CupertinoListTileChevron(),
        ),
      ],
    );
  }

CupertinoListTileChevron() 是一个便捷的小部件，可用于在 CupertinoListTile 的尾部显示 iOS 风格的箭头。

如果您需要旧式的边缘到边缘风格，只需为 CupertinoListSection 和 CupertinoListTile 使用基本构造函数即可。

功能、错误和贡献

欢迎您为本项目做出贡献。

请在 issue tracker 上提交功能请求和错误报告。如果您自己修复了错误或实现了功能，请随时发送 pull request。

GitHub

查看 Github