get color from name

Author: mchome

lib/flutter_colorpicker.dart

@@ -1,7 +1,7 @@
 library flutter_colorpicker;
 
-export 'package:flutter_colorpicker/src/colorpicker.dart';
-export 'package:flutter_colorpicker/src/material_picker.dart';
-export 'package:flutter_colorpicker/src/block_picker.dart';
-export 'package:flutter_colorpicker/src/palette.dart';
-export 'package:flutter_colorpicker/src/utils.dart';
+export 'src/colorpicker.dart';
+export 'src/material_picker.dart';
+export 'src/block_picker.dart';
+export 'src/palette.dart';
+export 'src/utils.dart';

lib/src/block_picker.dart

@@ -3,7 +3,7 @@
 library block_colorpicker;
 
 import 'package:flutter/material.dart';
-import 'package:flutter_colorpicker/src/utils.dart';
+import 'utils.dart';
 
 /// Child widget for layout builder.
 typedef PickerItem = Widget Function(Color color);
@@ -90,7 +90,7 @@ class BlockPicker extends StatefulWidget {
     this.itemBuilder = _defaultItemBuilder,
   }) : super(key: key);
 
-  final Color pickerColor;
+  final Color? pickerColor;
   final ValueChanged<Color> onColorChanged;
   final List<Color> availableColors;
   final bool useInShowDialog;
@@ -102,7 +102,7 @@ class BlockPicker extends StatefulWidget {
 }
 
 class _BlockPickerState extends State<BlockPicker> {
-  late Color _currentColor;
+  Color? _currentColor;
 
   @override
   void initState() {
@@ -122,8 +122,10 @@ class _BlockPickerState extends State<BlockPicker> {
       widget.availableColors,
       (Color color) => widget.itemBuilder(
         color,
-        (_currentColor.value == color.value) &&
-            (widget.useInShowDialog ? true : widget.pickerColor.value == color.value),
+        (_currentColor != null && (widget.useInShowDialog ? true : widget.pickerColor != null))
+            ? (_currentColor?.value == color.value) &&
+                (widget.useInShowDialog ? true : widget.pickerColor?.value == color.value)
+            : false,
         () => changeColor(color),
       ),
     );
@@ -142,7 +144,7 @@ class MultipleChoiceBlockPicker extends StatefulWidget {
     this.itemBuilder = _defaultItemBuilder,
   }) : super(key: key);
 
-  final List<Color> pickerColors;
+  final List<Color>? pickerColors;
   final ValueChanged<List<Color>> onColorsChanged;
   final List<Color> availableColors;
   final bool useInShowDialog;
@@ -154,7 +156,7 @@ class MultipleChoiceBlockPicker extends StatefulWidget {
 }
 
 class _MultipleChoiceBlockPickerState extends State<MultipleChoiceBlockPicker> {
-  late List<Color> _currentColors;
+  List<Color>? _currentColors;
 
   @override
   void initState() {
@@ -163,8 +165,12 @@ class _MultipleChoiceBlockPickerState extends State<MultipleChoiceBlockPicker> {
   }
 
   void toggleColor(Color color) {
-    setState(() => _currentColors.contains(color) ? _currentColors.remove(color) : _currentColors.add(color));
-    widget.onColorsChanged(_currentColors);
+    setState(() {
+      if (_currentColors != null) {
+        _currentColors!.contains(color) ? _currentColors!.remove(color) : _currentColors!.add(color);
+      }
+    });
+    widget.onColorsChanged(_currentColors ?? []);
   }
 
   @override
@@ -174,7 +180,9 @@ class _MultipleChoiceBlockPickerState extends State<MultipleChoiceBlockPicker> {
       widget.availableColors,
       (Color color) => widget.itemBuilder(
         color,
-        _currentColors.contains(color) && (widget.useInShowDialog ? true : widget.pickerColors.contains(color)),
+        (_currentColors != null && (widget.useInShowDialog ? true : widget.pickerColors != null))
+            ? _currentColors!.contains(color) && (widget.useInShowDialog ? true : widget.pickerColors!.contains(color))
+            : false,
         () => toggleColor(color),
       ),
     );

lib/src/colorpicker.dart

@@ -5,8 +5,8 @@
 library hsv_picker;
 
 import 'package:flutter/material.dart';
-import 'package:flutter_colorpicker/src/palette.dart';
-import 'package:flutter_colorpicker/src/utils.dart';
+import 'palette.dart';
+import 'utils.dart';
 
 /// The default layout of Color Picker.
 class ColorPicker extends StatefulWidget {
@@ -196,9 +196,8 @@ class _ColorPickerState extends State<ColorPicker> {
     // is provided, but it may help to calm the Dart analyzer in the future.
     if (widget.hexInputController == null) return;
     // If a user is inserting/typing any text — try to get the color value from it,
-    final Color? color = colorFromHex(widget.hexInputController!.text,
-        // and interpret its transparency, dependent on the widget's settings.
-        enableAlpha: widget.enableAlpha);
+    // and interpret its transparency, dependent on the widget's settings.
+    final Color? color = colorFromHex(widget.hexInputController!.text, enableAlpha: widget.enableAlpha);
     // If it's the valid color:
     if (color != null) {
       // set it as the current color and

lib/src/colors.dart

@@ -161,3 +161,9 @@ const Map<String, Color> x11Colors = {
   'yellow': Color(0xffffff00),
   'yellowgreen': Color(0xff9acd32),
 };
+
+Color? colorFromName(String val) => x11Colors[val.trim().replaceAll(' ', '').toLowerCase()];
+
+extension ColorExtension on String {
+  Color? toColor() => colorFromName(this);
+}

lib/src/material_picker.dart

@@ -4,7 +4,7 @@ library material_colorpicker;
 
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_colorpicker/src/utils.dart';
+import 'utils.dart';
 
 // The Color Picker which contains Material Design Color Palette.
 class MaterialPicker extends StatefulWidget {

lib/src/palette.dart

@@ -6,7 +6,7 @@ import 'dart:math';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
-import 'package:flutter_colorpicker/src/utils.dart';
+import 'utils.dart';
 
 /// Palette types for color picker area widget.
 enum PaletteType {

lib/src/utils.dart

@@ -2,14 +2,15 @@
 
 import 'dart:math';
 import 'package:flutter/painting.dart';
+import 'colors.dart';
 
 /// Check if is good condition to use white foreground color by passing
 /// the background color, and optional bias.
 ///
 /// Reference:
-/// 
+///
 /// Old: https://www.w3.org/TR/WCAG20-TECHS/G18.html
-/// 
+///
 /// New: https://github.com/mchome/flutter_statusbarcolor/issues/40
 bool useWhiteForeground(Color backgroundColor, {double bias = 0.0}) {
   // Old:
@@ -197,3 +198,18 @@ String colorToHex(
 
 // Shorthand for padLeft of RadixString, DRY.
 String _padRadix(int value) => value.toRadixString(16).padLeft(2, '0');
+
+// Extension for String
+extension ColorExtension1 on String {
+  Color? toColor() {
+    Color? color = colorFromName(this);
+    if (color != null) return color;
+    return colorFromHex(this);
+  }
+}
+
+// Extension from Color
+extension ColorExtension2 on Color {
+  String toHexString({bool includeHashSign = false, bool enableAlpha = true, bool toUpperCase = true}) =>
+      colorToHex(this, includeHashSign: false, enableAlpha: true, toUpperCase: true);
+}