I can't find a property to disable it.
import 'package:flutter/material.dart';
import 'package:flutter_colorpicker/flutter_colorpicker.dart';
class AppColorPicker extends StatefulWidget {
const AppColorPicker({super.key});
@override
State<StatefulWidget> createState() => _AppColorPickerState();
}
class _AppColorPickerState extends State<AppColorPicker> {
bool lightTheme = true;
Color currentColor = Colors.amber;
List<Color> currentColors = [Colors.yellow, Colors.green];
List<Color> colorHistory = [];
void changeColor(Color color) => setState(() => currentColor = color);
void changeColors(List<Color> colors) =>
setState(() => currentColors = colors);
@override
Widget build(BuildContext context) {
final foregroundColor =
useWhiteForeground(currentColor) ? Colors.white : Colors.black;
return MaterialApp(
home: AnimatedTheme(
data: lightTheme ? ThemeData.light() : ThemeData.dark(),
child: Builder(builder: (context) {
return DefaultTabController(
length: 3,
child: Scaffold(
floatingActionButton: FloatingActionButton.extended(
onPressed: () => setState(() => lightTheme = !lightTheme),
icon: Icon(lightTheme
? Icons.dark_mode_rounded
: Icons.light_mode_rounded),
label: Text(lightTheme ? 'Night' : ' Day '),
backgroundColor: currentColor,
foregroundColor: foregroundColor,
elevation: 15,
),
appBar: AppBar(
title: const Text('Flutter Color Picker Example'),
backgroundColor: currentColor,
foregroundColor: foregroundColor,
bottom: TabBar(
labelColor: foregroundColor,
tabs: const <Widget>[
Tab(text: 'HSV/HSL/RGB'),
],
),
),
body: TabBarView(
children: <Widget>[
// HSV Picker Example
Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text('HSV/HSL/RGB Picker'),
ColorPicker(
pickerColor: currentColor,
onColorChanged: (color) {
changeColor(color);
colorHistory.add(color);
},
),
],
),
),
],
),
),
);
}),
),
);
}
}
In iOS, there seems to be a cursor for the color picker:
In Android, it doesn't exist:
I can't find a property to disable it.
Code: