maurice0800/ce_settings

Modern looking settings page in iOS 15 style!

Features

• Supports light mode and dark mode
• Support for notification badges
• Designed to look as close to the original settings page as possible

Getting started

Install dependency:

dependencies:
  ce_settings: [VERSION]

Use dependency:

import 'package:ce_settings/ce_settings.dart';

Usage

There are 3 main components you have to use:

• CESettingsContainer: This wraps all the groups and applies padding to the sides
• CESettingsGroup: This will wrap your items in a group and applies padding and rounded borders
• CESettingsItem and CESettingsMultiline: These are the actual items which you can customize

Example:

CESettingsContainer(
              groups: [
                CESettingsGroup(
                  items: [
                    CESettingsItem(
                      leading: const CESettingsIcon(
                        icon: CupertinoIcons.airplane,
                        color: CupertinoColors.activeOrange,
                      ),
                      text: "Airplane Mode",
                      trailing:
                          CupertinoSwitch(value: false, onChanged: (value) {}),
                      showChevron: false,
                      lastItem: true,
                    ),
                  ],
                ),
              ],
),

Additional information

If you find any issues, please file an issue on the projects GitHub page. You are free to contribute to this project through a pull request!