colorpicker_flutter 1.0.3 colorpicker_flutter: ^1.0.3 copied to clipboard
This Color picker for flutter apps provide picking facility for both single and multiple color choosing.
import 'package:colorpicker_flutter/colorpicker_flutter.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Color Picker',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(title: 'Color Picker'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key, required this.title}) : super(key: key);
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
Color color = Colors.white;
List<dynamic> colorlist = [];
Future<void> _picksinglecolor() async {
color = await ColorpickerState.colorChooseSingle(context);
setState(() {
});
}
Future<void> _pickmulticolor() async {
colorlist.clear();
colorlist = await ColorpickerState.colorChooseMultiple(context);
setState(() {
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
const Text(
'Click the floating icon to pick color',
),
Container(
height: 50,
width: 80,
color: color,
),
],
),
),
floatingActionButton: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: FloatingActionButton(
onPressed: _picksinglecolor,
tooltip: 'Single',
child: const Icon(CupertinoIcons.person),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: FloatingActionButton(
onPressed: _pickmulticolor,
tooltip: 'Multiple',
child: const Icon(CupertinoIcons.person_2),
),
),
],
), // This trailing comma makes auto-formatting nicer for build methods.
);
}
}