Flutter/外部ライブラリ/colorpicker - 版の履歴

Admin: /* サンプル */

2019-11-14T02:11:37Z

サンプル

← 古い版		2019年11月14日 (木) 02:11時点における版
69行目:		69行目:
	)		)
	<pre>		<pre>

			縦長のpicker
			<pre>
			import 'package:flutter_colorpicker/material_picker.dart';
			showDialog(
			context: context,
			child: AlertDialog(
			title: const Text('Pick a color!'),
			content: SingleChildScrollView(
			child: MaterialPicker(
			pickerColor: pickerColor,
			onColorChanged: changeColor,
			enableLabel: true, // only on portrait mode
			),
			</pre>
			ブロック型のpicker
			<pre>
			import 'package:flutter_colorpicker/block_picker.dart';

			showDialog(
			context: context,
			child: AlertDialog(
			title: const Text('Pick a color!'),
			content: SingleChildScrollView(
			child: BlockPicker(
			pickerColor: currentColor,
			onColorChanged: changeColor,
			),
			</pre>

2019年11月13日 (水) 10:30にAdminによる

2019-11-13T10:30:14Z

← 古い版		2019年11月13日 (水) 10:30時点における版
1行目:		1行目:
	==colorpickerとは		==colorpickerとは==
	色選択ライブラリ		色選択ライブラリ

Admin: ページの作成:「==colorpickerとは色選択ライブラリ ==公式== https://pub.dev/packages/flutter_colorpicker ==準備== pubspec.yaml

 dependencies:   flutter_colorpicker:...」

2019-11-13T10:17:40Z

ページの作成:「==colorpickerとは色選択ライブラリ ==公式== https://pub.dev/packages/flutter_colorpicker ==準備== pubspec.yaml <pre> dependencies: flutter_colorpicker:...」

新規ページ

==colorpickerとは
色選択ライブラリ

==公式==
https://pub.dev/packages/flutter_colorpicker

==準備==
pubspec.yaml
<pre>
dependencies:
flutter_colorpicker: any
</pre>

<pre>
flutter packages get
flutter packages upgrade
</pre>

==サンプル==
<pre>
import 'package:flutter_colorpicker/flutter_colorpicker.dart';

// create some values
Color pickerColor = Color(0xff443a49);
Color currentColor = Color(0xff443a49);

// ValueChanged<Color> callback
void changeColor(Color color) {
setState(() => pickerColor = color);
}

// raise the [showDialog] widget
showDialog(
context: context,
child: AlertDialog(
title: const Text('Pick a color!'),
content: SingleChildScrollView(
child: ColorPicker(
pickerColor: pickerColor,
onColorChanged: changeColor,
enableLabel: true,
pickerAreaHeightPercent: 0.8,
),
// Use Material color picker:
//
// child: MaterialPicker(
// pickerColor: pickerColor,
// onColorChanged: changeColor,
// enableLabel: true, // only on portrait mode
// ),
//
// Use Block color picker:
//
// child: BlockPicker(
// pickerColor: currentColor,
// onColorChanged: changeColor,
// ),
),
actions: <Widget>[
FlatButton(
child: const Text('Got it'),
onPressed: () {
setState(() => currentColor = pickerColor);
Navigator.of(context).pop();
},
),
],
),
)
<pre>

Flutter/外部ライブラリ/colorpicker - 版の履歴

Admin: /* サンプル */

2019年11月13日 (水) 10:30にAdminによる

Admin: ページの作成:「==colorpickerとは 色選択ライブラリ ==公式== https://pub.dev/packages/flutter_colorpicker ==準備== pubspec.yaml dependencies: flutter_colorpicker:...」

Admin: ページの作成:「==colorpickerとは色選択ライブラリ ==公式== https://pub.dev/packages/flutter_colorpicker ==準備== pubspec.yaml
dependencies: flutter_colorpicker:...」