FLUTTER ECOSYSTEM

mokhselim/ios_color_picker

Um novo pacote Flutter que fornece a interface do seletor de cores nativo do iOS clonada para todas as plataformas Web, Android, iOS, além de fornecer o seletor nativo do iOS apenas para iOS

Capa do projeto ios_color_picker
Stars
7
Forks
17
Último push (UTC)
2 de mai. de 2026
Status do projeto
Ativo
Mohamed khaled Selim GitHub avatar
GITHUB User

Mohamed khaled Selim ↗

Flutter Developer

LinguagensDartC++CMakeSwiftRubyCKotlinHTMLObjective-C

Pacotes publicados por este repositório

Dependências usadas

Lista de dependências 9 itens

README original

Texto original em inglês. Visite o GitHub para a versão atual.

Expandir / recolher README

ios_color_picker

A Flutter package that provides an iOS-style color picker UI for every Flutter platform, plus access to the native iOS color picker on iOS.

Supported Platforms

  • Linux
  • macOS
  • Web
  • Windows
  • iOS
  • Android

Requirements

  • Flutter 3.41.0 or later
  • Dart 3.11.4 or later
  • Android minSdk 24
  • iOS 14.0 or later for the native iOS picker
  • macOS 10.15 or later

Features

Screenshots & Demo
https://res.cloudinary.com/dcvoshrrl/image/upload/v1737504135/color_picker/1_v2nk8m.png https://res.cloudinary.com/dcvoshrrl/image/upload/v1738019895/color_picker/esmczhsgeo6qk7py5x66.gif https://res.cloudinary.com/dcvoshrrl/image/upload/v1737504183/color_picker/1_p91sih.gif https://res.cloudinary.com/dcvoshrrl/image/upload/v1737504212/color_picker/3_zkbdzu.gif

Getting Started

Add the package and create a controller. Dispose the controller from your widget's dispose method because the native iOS picker streams color changes through an event channel.

Usage

final iosColorPickerController = IOSColorPickerController();

/// Native iOS Color Picker
ElevatedButton(
  onPressed: () {
    iosColorPickerController.showNativeIosColorPicker(
      startingColor: backgroundColor,
      darkMode: true,
      onColorChanged: (color) {
        setState(() {
          backgroundColor = color;
        });
      },
    );
  },
  child: Text("Native iOS"),
),

/// Custom iOS Color Picker (for all platforms)
ElevatedButton(
  onPressed: () {
    iosColorPickerController.showIOSCustomColorPicker(
      startingColor: backgroundColor,
      onColorChanged: (color) {
        setState(() {
          backgroundColor = color;
        });
      },
      context: context,
    );
  },
  child: Text("Custom iOS for all"),
),

Dispose the controller:

final IOSColorPickerController iosColorPickerController =
    IOSColorPickerController();

@override
void dispose() {
  iosColorPickerController.dispose();
  super.dispose();
}

Example

Run the app in the example/ folder to explore the plugin.

Additional Information

For more updates and inquiries, connect with me on LinkedIn:

https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/LinkedIn_icon.svg/144px-LinkedIn_icon.svg.png