flutter-settings-ui
Create native settings for Flutter app in a minutes.
File Explorer
Download Latest Version (.zip)- code-quality-tests.yml
- conventional-pr-title.yml
- PULL_REQUEST_TEMPLATE.md
- mockup_01.png
- mockup_01.png
- settings_ui_cover.png
- android_material3.png
- android_settings.png
- ios_cupertino.png
- web_chrome.png
- dark_mode_animation.gif
- flutter_settings_ui_logo.png
- navigation-tile.png
- settings-list.png
- settings-section.png
- simple-tile.png
- switch-tile.png
- AndroidManifest.xml
- MainActivity.kt
- launch_background.xml
- launch_background.xml
- ic_launcher.png
- ic_launcher.png
- ic_launcher.png
- ic_launcher.png
- ic_launcher.png
- styles.xml
- styles.xml
- AndroidManifest.xml
- AndroidManifest.xml
- build.gradle
- gradle-wrapper.properties
- .gitignore
- build.gradle
- gradle.properties
- settings.gradle
- settings.png
- integration_test.dart
- AppFrameworkInfo.plist
- Debug.xcconfig
- Flutter.podspec
- Release.xcconfig
- Contents.json
- Icon-App-1024x1024@1x.png
- Icon-App-20x20@1x.png
- Icon-App-20x20@2x.png
- Icon-App-20x20@3x.png
- Icon-App-29x29@1x.png
- Icon-App-29x29@2x.png
- Icon-App-29x29@3x.png
- Icon-App-40x40@1x.png
- Icon-App-40x40@2x.png
- Icon-App-40x40@3x.png
- Icon-App-60x60@2x.png
- Icon-App-60x60@3x.png
- Icon-App-76x76@1x.png
- Icon-App-76x76@2x.png
- Icon-App-83.5x83.5@2x.png
- Contents.json
- LaunchImage.png
- LaunchImage@2x.png
- LaunchImage@3x.png
- README.md
- LaunchScreen.storyboard
- Main.storyboard
- AppDelegate.h
- AppDelegate.m
- Info.plist
- main.m
- contents.xcworkspacedata
- Runner.xcscheme
- project.pbxproj
- IDEWorkspaceChecks.plist
- contents.xcworkspacedata
- .gitignore
- Podfile
- Podfile.lock
- android_native_settings_screen.dart
- android_notifications_screen.dart
- android_settings_screen.dart
- cross_platform_settings_screen.dart
- ios_developer_screen.dart
- ios_native_settings_screen.dart
- material3_demo_screen.dart
- web_chrome_addresses_settings.dart
- web_chrome_settings.dart
- gallery_screen.dart
- navigation.dart
- leading_ios_widget.dart
- main.dart
- generated_plugin_registrant.cc
- generated_plugin_registrant.h
- generated_plugins.cmake
- index.html
- CMakeLists.txt
- generated_plugin_registrant.cc
- generated_plugin_registrant.h
- generated_plugins.cmake
- app_icon.ico
- CMakeLists.txt
- flutter_window.cpp
- flutter_window.h
- main.cpp
- resource.h
- runner.exe.manifest
- Runner.rc
- utils.cpp
- utils.h
- win32_window.cpp
- win32_window.h
- .gitignore
- CMakeLists.txt
- .gitignore
- analysis_options.yaml
- pubspec.yaml
- README.md
- settings_list.dart
- android_settings_section.dart
- ios_settings_section.dart
- web_settings_section.dart
- abstract_settings_section.dart
- custom_settings_section.dart
- settings_section.dart
- android_settings_tile.dart
- ios_settings_tile.dart
- web_settings_tile.dart
- abstract_settings_tile.dart
- custom_settings_tile.dart
- settings_tile.dart
- platform_utils.dart
- settings_theme.dart
- theme_provider.dart
- settings_ui.dart
- bug_fix_tests.dart
- setting_tile_tests.dart
- settings_list_tests.dart
- settings_sections_tests.dart
- settings_tile_on_tap_tests.dart
- device_platform_tests.dart
- test_widget_screen.dart
- widget_test.dart
- .gitignore
- .pubignore
- analysis_options.yaml
- CHANGELOG.md
- CLAUDE.md
- flutter-settings-ui.iml
- LICENSE
- pubspec.yaml
- README.md
π Installation Guide
1. Get the code
git clone https://github.com/yako-dev/flutter-settings-ui
Downloads the entire project code from GitHub to your computer.
cd flutter-settings-ui
Moves into the project folder you just downloaded.
2. CMake
Medium RecommendedPrerequisites
cd example/windows
This project's files live in a subfolder, so move into it first.
mkdir build && cd build
Creates a folder to hold the build output and moves into it.
cmake ..
Analyzes the source code and generates build configuration files (must be run inside the build folder).
make
Compiles the code based on the generated build configuration to produce an executable.
Check that an executable was created inside the build folder, then run it directly (e.g. ./build/app_name).
3. Gradle (Java/Kotlin)
MediumPrerequisites
- Git Needed to download the project code from GitHub.
- JDK (Java) Required to build and run Java/Kotlin projects.
- Gradle If the repo includes gradlew (Gradle Wrapper), you don't need to install Gradle separately.
cd example/android/app
This project's files live in a subfolder, so move into it first.
./gradlew build
Builds the project using Gradle.
A BUILD SUCCESSFUL message means it worked. The output is created under build/.
// repository documentation
Was this content helpful?
(0 ratings)
