flutter_weekday_selector 0.0.12
flutter_weekday_selector: ^0.0.12 copied to clipboard
This package will provide flutter developer a quick way to make a week day selection functionality.
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_weekday_selector/flutter_weekday_selector.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Week Day Selector with Controller',
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
useMaterial3: true,
),
home: const MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key});
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
List<String> daysSelected = [];
WeekDaySelectorController weekDaySelectorController =
WeekDaySelectorController();
WeekDaySelectorController weekDaySelectorController2 =
WeekDaySelectorController();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
title: const Text("Flutter Week Day Selector with Controller"),
),
body: Center(
child: Column(
children: [
const Padding(
padding: EdgeInsets.all(8.0),
child: Text("Select Week Days - Example shape circle"),
),
WeekDaySelector(
controller: weekDaySelectorController,
width: 300,
height: 50,
shape: BoxShape.circle,
weekDayStart: WeekDayName.sunday,
onSubmitted: (day) {
if (kDebugMode) {
print(
"${day.name} is ${day.isSelected ? 'selected' : 'unselected'}");
}
setState(() {
if (day.isSelected) {
daysSelected.add(day.name);
} else {
daysSelected.remove(day.name);
}
});
},
),
Text("selected days: ${daysSelected.join(", ")}"),
const SizedBox(
height: 20,
),
Center(
child: SizedBox(
width: 500,
child: Divider(
color: Theme.of(context).colorScheme.onSurface,
),
),
),
const SizedBox(
height: 20,
),
const Padding(
padding: EdgeInsets.all(8.0),
child: Text(
"Select Week Days - Example shape rectangle & start on sunday"),
),
WeekDaySelector(
controller: weekDaySelectorController2,
width: 300,
height: 100,
shape: BoxShape.rectangle,
weekDayStart: WeekDayName.monday,
onSubmitted: (day) {
if (kDebugMode) {
print(
"${day.name} is ${day.isSelected ? 'selected' : 'unselected'}");
}
},
),
const SizedBox(
height: 20,
),
Row(
children: [
const Spacer(),
TextButton(
onPressed: () {
weekDaySelectorController2.setSaturday(isSelected: true);
weekDaySelectorController2.setSunday(isSelected: true);
},
child: const Text("select weekend")),
TextButton(
onPressed: () {
weekDaySelectorController2.setSaturday(isSelected: false);
weekDaySelectorController2.setSunday(isSelected: false);
},
child: const Text("unselect weekend")),
const Spacer()
],
),
const SizedBox(
height: 20,
),
Center(
child: SizedBox(
width: 500,
child: Divider(
color: Theme.of(context).colorScheme.onSurface,
),
),
),
],
),
),
// This trailing comma makes auto-formatting nicer for build methods.
);
}
}