Flutter 颜色选择器-选择颜色flutter_colorpicker

最新推荐文章于 2025-09-25 00:14:09 发布

原创最新推荐文章于 2025-09-25 00:14:09 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #颜色选择 #选择颜色

flutter 专栏收录该内容

220 篇文章

订阅专栏

这篇博客介绍了如何在Flutter应用中集成flutter_colorpicker库，展示了一个简单的对话框示例，该对话框包含一个BlockPicker，允许用户选择颜色，并在颜色改变时更新当前颜色值。用户点击'保存'按钮后关闭对话框。

flutter_colorpicker: Provides a material color picker for your app

onPressed: () {
            // 4
            showDialog(
              context: context,
              builder: (context) {
                // 5
                return AlertDialog(
                  content: BlockPicker(
                      pickerColor: Colors.white,
                      // 6
                      onColorChanged: (color) {
                        setState(() => _currentColor = color);
                      }),
                  actions: [
                    // 7
                    TextButton(
                      child: const Text('Save'),
                      onPressed: () {
                        Navigator.of(context).pop();
                      },
                    ),
                  ],
                );
              },
            );
          },