settings_ui_plus 0.2.2

Build native-looking settings screens in minutes. A single API that adapts to Material and Cupertino design guidelines automatically.

settings_ui_plus

Build native-looking settings screens in Flutter with minimal effort. Automatically adapts to Material and Cupertino design guidelines.

A maintained fork of the original settings_ui package — modernized, improved, and actively developed.

---

Preview

iPhone (Light)	iPhone (Dark)	Android (Light)	Android (Dark)
[shots/iphone/light/01.png]	[shots/iphone/dark/01.png]	[shots/android/light/01.png]	[shots/android/dark/01.png]

macOS (Light)	macOS (Dark)	Web (Light)	Web (Dark)
[shots/macos/light.PNG]	[shots/macos/dark.PNG]	[shots/web/light.PNG]	[shots/web/dark.PNG]

---

Features

• Platform-adaptive UI (Material + Cupertino)
• Navigation, switch, slider, and radio tiles
• Expandable & collapsible sections
• Section headers and footers
• Custom tiles and custom sections
• Disabled tile support
• Long-press callbacks on all tiles
• Light/dark theme overrides via SettingsThemeData
• Accessible (semantics, 44pt touch targets, reduced-motion support)
• RTL and desktop ready

---

Installation

dependencies:
  settings_ui_plus: ^0.2.1

import 'package:settings_ui_plus/settings_ui_plus.dart';

---

Quick Example

SettingsList(
  sections: [
    SettingsSection(
      title: const Text('Preferences'),
      tiles: [
        SettingsTile.switchTile(
          title: const Text('Dark Mode'),
          leading: const Icon(Icons.dark_mode),
          initialValue: false,
          onToggle: (value) {},
        ),
        SettingsTile.navigation(
          title: const Text('Language'),
          leading: const Icon(Icons.language),
          value: const Text('English'),
          onPressed: (context) {},
        ),
        SettingsTile.sliderTile(
          title: const Text('Font Size'),
          leading: const Icon(Icons.text_fields),
          sliderValue: 16,
          sliderMin: 10,
          sliderMax: 30,
          value: const Text('16'),
          onSliderChanged: (value) {},
        ),
      ],
    ),
    SettingsSection(
      title: const Text('About'),
      expandable: true,
      initiallyExpanded: false,
      footer: const Text('Your data is stored securely.'),
      tiles: [
        SettingsTile.navigation(
          title: const Text('Privacy Policy'),
          leading: const Icon(Icons.privacy_tip_outlined),
        ),
      ],
    ),
  ],
)

---

Example App

A full example app with multiple sections, sub-screens, theme switching, radio tiles, sliders, and more is included in the repository:

example/lib/main.dart

---

Why settings_ui_plus?

The original settings_ui package has been inactive since 2023. This fork fixes bugs, adds features, and stays up to date with Flutter.

	settings_ui	settings_ui_plus
Maintained	Inactive	Active
Flutter 3.x / Material 3	Partial	Full
Slider tiles	—	Built-in
Radio tiles	—	Built-in
Expandable sections	—	Built-in
Section footers	—	Built-in
Long-press callbacks	—	All tiles
Custom sections	—	Built-in
Theming	Limited	14 properties, light + dark
Accessibility	Basic	Semantics, touch targets, reduced-motion
Desktop	Minimal	Hover, focus, pointer cursor

---

License

Apache 2.0 — inherited from the original settings_ui package. See LICENSE for details.