FLUTTER ECOSYSTEM

juliansteenbakker/flutter_settings_ui

Fork of settings_ui. Create native settings for Flutter app in a minutes.

flutter_settings_ui project cover
Stars
66
Forks
29
Last push (UTC)
Nov 24, 2025
Project status
Active
Julian Steenbakker GitHub avatar
GITHUB User

Julian Steenbakker ↗

Fulltime Flutter, Android, iOS, macOS, web and embedded developer.

Bever InnovationsVlissingen
LanguagesDartC++CMakeRubySwiftCJavaHTMLKotlinObjective-C

Packages published by this repository

Dependencies used

Dependency list 3 items
  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}
  • lintDevelopment2.2.0

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

Settings UI for Flutter

Pub Version

This project was archived, however since the original package seems unmaintained yet, I reactivated this package together with some improvements and changes. Please checkout the changelog for all changes.

https://raw.githubusercontent.com/yako-dev/flutter-settings-ui/master/assets/flutter_settings_ui_logo.png

Installing:

In your pubspec.yaml

dependencies:
  flutter_settings_ui: ^3.0.0
import 'package:flutter_settings_ui/flutter_settings_ui.dart';

Basic Usage:

      SettingsList(
        sections: [
          SettingsSection(
            title: const Text('Section'),
            tiles: [
              SettingsTile(
                title: const Text('Language'),
                description: const Text('English'),
                leading: const Icon(Icons.language),
                onPressed: (BuildContext context) {},
                ),
              SettingsTile.switchTile(
                initialValue: false,
                title: const Text('Use fingerprint'),
                leading: const Icon(Icons.fingerprint),
                onToggle: (bool value) {},
              ),
            ],
          ),
        ],
      )


Settings UI supports dark mode:

https://raw.githubusercontent.com/yako-dev/flutter-settings-ui/master/assets/dark_mode_animation.gif


Contributing

Contributions are welcome! If you're new to the project's tech stack or need a refresher, here are some resources to get started:

Feel free to explore these resources to gain familiarity with the project's tech stack and contribute effectively.

License

This project is licensed under the Apache License 2.0 - see the LICENSE file for details