ce_settings 0.0.1 ce_settings: ^0.0.1 copied to clipboard
Cupertino themed settings page.
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 sidesCESettingsGroup
: This will wrap your items in a group and applies padding and rounded bordersCESettingsItem
andCESettingsMultiline
: 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!