ce_settings 0.0.1 icon indicating copy to clipboard operation
ce_settings: ^0.0.1 copied to clipboard

Cupertino themed settings page.

Modern looking settings page in iOS 15 style! #

Light mode Dark mode

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!

0
likes
110
pub points
4%
popularity

Publisher

verified publisher iconhemacode.de

Cupertino themed settings page.

Repository (GitHub)

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on ce_settings