Flutter：圓形顏色選擇器（包：flutter

我使用 Flutter：圓形顏色選擇器（包：flutter_colorpicker）

現在我想知道如何實作經典的圓形顏色選擇器。我在官方檔案中沒有找到示例，但是在包描述中有一個截圖顯示了這一點：

Flutter：圓形顏色選擇器（包：flutter_colorpicker）

有誰知道如何使用相同的包來實作這一點，或者可以提示我舉個例子。

uj5u.com熱心網友回復：

請檢查這個，你需要調色板型別為paletteType: PaletteType.hueWheel,。使用與使用相同的包。

import 'package:flutter/material.dart';
import 'package:flutter_colorpicker/flutter_colorpicker.dart';


void main() => runApp(const MaterialApp(home: MyApp()));

class MyApp extends StatefulWidget {
  const MyApp({Key key}) : super(key: key);

  @override
  State<StatefulWidget> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  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 AnimatedTheme(
      data: lightTheme ? ThemeData.light() : ThemeData.dark(),
      child: Builder(builder: (context) {
        return Scaffold(
          appBar: AppBar(
            title: const Text('Flutter Color Picker Example'),
            backgroundColor: currentColor,
            foregroundColor: foregroundColor,

          ),
          body: Container(
            child: InkWell(
              onTap: (){
                showColorPicker();
              },
              child: Center(child: Text("Color Picker")),
            ),
          ),
        );
      }),
    );
  }

  void showColorPicker() {
    showDialog(context: context, builder: (BuildContext context){
      return AlertDialog(
        title: Text("Pick a color"),
        content: SingleChildScrollView(
          child: ColorPicker(
            pickerColor: Color(0xff443a49),
            paletteType: PaletteType.hueWheel,
          ),
      ),
      );
    });
  }
}

輸出

Flutter：圓形顏色選擇器（包：flutter_colorpicker）

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/387092.html

標籤：安卓扑镖移动的颜色选择器

上一篇：為什么我的切換按鈕有問題

下一篇：“Iterable<Food>”型別的值不能分配給“List<Food>”型別的變數