95 lines
2.7 KiB
Dart
95 lines
2.7 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:multiselect/multiselect.dart';
|
||
|
|
|
||
|
|
class Multi_Select extends StatelessWidget {
|
||
|
|
const Multi_Select();
|
||
|
|
|
||
|
|
// This widget is the root of your application.
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return MaterialApp(
|
||
|
|
title: 'Flutter Demo',
|
||
|
|
theme: ThemeData(
|
||
|
|
brightness: Brightness.light,
|
||
|
|
primarySwatch: Colors.red,
|
||
|
|
primaryColor: Colors.red,
|
||
|
|
primaryColorLight: Colors.redAccent,
|
||
|
|
inputDecorationTheme: const InputDecorationTheme(
|
||
|
|
filled: true,
|
||
|
|
fillColor: Color(0xFFEEEEEE),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
themeMode: ThemeMode.dark,
|
||
|
|
darkTheme: ThemeData(
|
||
|
|
brightness: Brightness.dark,
|
||
|
|
primarySwatch: Colors.red,
|
||
|
|
primaryColor: Colors.red,
|
||
|
|
primaryColorLight: Colors.redAccent,
|
||
|
|
appBarTheme: const AppBarTheme(backgroundColor: Color(0xFF1b1926)),
|
||
|
|
snackBarTheme: const SnackBarThemeData(backgroundColor: Colors.red),
|
||
|
|
canvasColor: const Color(0xFF272537),
|
||
|
|
dialogBackgroundColor: const Color(0xFF343346),
|
||
|
|
inputDecorationTheme: const InputDecorationTheme(
|
||
|
|
filled: true,
|
||
|
|
fillColor: Color(0xFF383849),
|
||
|
|
enabledBorder: OutlineInputBorder(
|
||
|
|
borderSide: BorderSide(color: Colors.transparent),
|
||
|
|
borderRadius: BorderRadius.all(
|
||
|
|
Radius.circular(35.0),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
focusedBorder: OutlineInputBorder(
|
||
|
|
borderSide: BorderSide(color: Colors.transparent),
|
||
|
|
borderRadius: BorderRadius.all(
|
||
|
|
Radius.circular(35.0),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
home: const _Multi_Select(title: 'Flutter Demo Home Page'),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
class _Multi_Select extends StatefulWidget {
|
||
|
|
const _Multi_Select({required this.title});
|
||
|
|
final String title;
|
||
|
|
|
||
|
|
@override
|
||
|
|
State<_Multi_Select> createState() => _Multi_SelectState();
|
||
|
|
}
|
||
|
|
|
||
|
|
class _Multi_SelectState extends State<_Multi_Select> {
|
||
|
|
int _counter = 0;
|
||
|
|
|
||
|
|
void _incrementCounter() {
|
||
|
|
setState(() {
|
||
|
|
_counter++;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
List<String> selected = [];
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return Scaffold(
|
||
|
|
body: Center(
|
||
|
|
child: Padding(
|
||
|
|
padding: const EdgeInsets.all(20.0),
|
||
|
|
// DropDownMultiSelect comes from multiselect
|
||
|
|
child: DropDownMultiSelect(
|
||
|
|
selected_values_style: TextStyle(color: Colors.white),
|
||
|
|
onChanged: (List<String> x) {
|
||
|
|
setState(() {
|
||
|
|
selected = x;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
options: ['a', 'b', 'c', 'd'],
|
||
|
|
selectedValues: selected,
|
||
|
|
whenEmpty: 'Select Something',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
));
|
||
|
|
}
|
||
|
|
}
|