With cupertino_setting_control you can create a settings page or a simple form very easy.

Last update: Mar 28, 2022

Overview

Flutter Cupertino Setting Control

With cupertino_setting_control you can create a settings page or a simple form very easy. Therefore, cupertino_setting_control offers multiple Cupertino-Widgets which can be used very flexible and abstracted.

Quick Usage

A few examples:

Example for a drop down widget displayed as text field:

new SettingRow(
    rowData: SettingsDropDownConfig(
        title: 'Search Area',
        initialKey: _searchAreaResult,
        choices: {
            'Germany': 'Germany',
            'Spain': 'Spain',
            'France': 'France'
        }),
    onSettingDataRowChange: onSearchAreaChange,
    config: const SettingsRowConfiguration(
        showAsTextField: true,
        showTitleLeft: false,
    showAsSingleSetting: false),
)

Example for a yes/no widget with a setting title on the left side:

new SettingRow(
    rowData: SettingsYesNoConfig(
        initialValue: _chatResult, title: 'Allow Chat'),
    onSettingDataRowChange: onChatSettingChange,
),

A complete tutorial how to use Cupertino Setting Control can be found here: Tutorial

Please refer to the example for more examples: Quick-Link

Bugs/Requests

If you encounter any problems feel free to open an issue. If you feel the library is missing a feature, please raise a ticket on Github and I'll look into it. Pull Request are also welcome.

Comments

Error: Cannot run with sound null safety,

I've added this library to a new project and I get the following error message.

Error: Cannot run with sound null safety, because the following dependencies
don't support null safety:

 - package:cupertino_setting_control
 - package:cupertino_range_slider

For solutions, see https://dart.dev/go/unsound-null-safety

Thanks Dan

opened by danharper83 5

Improvement to Row CrossAxisAlignment

Currently For a Settings Row the crossAxisAlignment is set to center only if there is neither Top Tile or Left Title.

With a YesNo button this has the effect that the text is shown at the top of the row, but as the button is taller than the title it looks somewhat misaligned.

crossAxisAlignment: !widget.config.showTitleLeft && !widget.config.showTopTitle ? CrossAxisAlignment.center : CrossAxisAlignment.start,

https://github.com/Rodiii/flutter_cupertino_setting_control/blob/master/lib/cupertino_setting_control.dart#L753

This would probably fit better across a range of applications if aligned center?

With CrossAxisAlignment.start

With CrossAxisAlignment.center

Maybe I'm missing another way to achieve this?

opened by elliotrtd 1
Add key parameter to SettingRow stateful widget

Please add key parameter to SettingRow stateful widget, the reason being if you have a stateful widget as parent, you will found setState() won't rebuild the rows.

opened by ryanhz 1
Internationalizing

While changing the language (Ex English to Arabic) its changing the direction but not working the language change . after refreshing the widget then only its work.. i am new here so maybe the prob of my code.. but i checked nothing wrong in my code :)

opened by bijupm 1

A TabBarController that is easy to use for flutter developers. 🥰 It supports various styles of page navigation, and you can also use it to customize your favorite styles. 🍻🍻

easy_tab_controller A user-friendly TabBarController widget for flutter developer. Getting Started This project is a starting point for a Flutter plug

May 26, 2022

Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI 1/2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Fl

Dec 6, 2022

Flutter Tutorial - User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flu

Dec 15, 2022

A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.

Jan 8, 2022

Its a food delivery application that user can buy food , using this application user can see the restaurants near to there location and far from them also. And this application provides easy interface that user can easily use this application for purchases.

epicure A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Sep 29, 2022

With cupertino_setting_control you can create a settings page or a simple form very easy.

Related tags

Overview

Flutter Cupertino Setting Control

Quick Usage

Bugs/Requests

You might also like...

A TabBarController that is easy to use for flutter developers. 🥰 It supports various styles of page navigation, and you can also use it to customize your favorite styles. 🍻🍻

Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.

A Flutter widget to create an iOS settings-table (static TableView).

Create native settings for Flutter app in a minutes.

Fluttersettingsui - Fork of settingsui. Create native settings for Flutter app in a minutes.

Ever want to create a quick form without wiring everything up? This might be the library for you.

Its a food delivery application that user can buy food , using this application user can see the restaurants near to there location and far from them also. And this application provides easy interface that user can easily use this application for purchases.

Comments

Error: Cannot run with sound null safety,

Improvement to Row CrossAxisAlignment

Add key parameter to SettingRow stateful widget

Internationalizing

Owner

Christoph Rothermel

A Very Good Dart Package Template created by the Very Good Ventures Team 🦄

A Very Good Flutter Package Template created by the Very Good Ventures Team 🦄

A Very Good Dart CLI Template created by the Very Good Ventures Team 🦄

I created a welcome page, login page and signup page using Flutter

My flutter (android, ios) UI design examples 🎈 - user profile UIs, food order ui, splashscreen, mask widget usage, settings page ui

Flutter form fields designed to take much of the burden of form-related coding off the programmer's back — masks, validations, keyboard type, etc.

User auth form - Signup and signin user auth form with ability to stay signed in and have an option to signout.

A Flutter package that provides a dropdown form field using a dropdown button inside a form field.

Form builder image picker - Form builder image picker for flutter

Form builder fix - A package helps in creation of data collection forms in Flutter by removing the boilerplate needed to build a form