flutter_spinner_time_picker 0.2.1 flutter_spinner_time_picker: ^0.2.1 copied to clipboard
A Flutter package providing custom time picker widgets for easy time selection in your Flutter applications.
import 'package:flutter/material.dart';
import 'package:flutter_spinner_time_picker/flutter_spinner_time_picker.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Time Picker Example',
darkTheme: ThemeData(
primarySwatch: Colors.deepPurple,
useMaterial3: true,
brightness: Brightness.dark,
),
theme: ThemeData(
primarySwatch: Colors.deepPurple,
useMaterial3: true,
brightness: Brightness.dark,
),
home: const MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key});
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
TimeOfDay selectedTime = TimeOfDay.now();
void _showTimePicker() async {
final pickedTime = await showSpinnerTimePicker(
context,
initTime: selectedTime,
is24HourFormat: false,
);
if (pickedTime != null) {
setState(() {
selectedTime = pickedTime;
});
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Time Picker Example'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
const Text(
'Selected Time:',
style: TextStyle(fontSize: 18),
),
const SizedBox(height: 10),
Text(
'${selectedTime.hour}:${selectedTime.minute.toString().padLeft(2, '0')}',
style: const TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
),
const SizedBox(height: 20),
FilledButton(
onPressed: _showTimePicker,
child: const Text('Pick a Time'),
),
],
),
),
);
}
}