Flutter

TimePicker 예제

Michelle Hwang 2021. 6. 26. 14:09
import 'package:flutter/material.dart';

void main() => runApp(WidgetDemo());

class WidgetDemo extends StatefulWidget {
  @override
  _WidgetDemoState createState() => _WidgetDemoState();
}

class _WidgetDemoState extends State<WidgetDemo> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ShowTimePicker(),
    );
  }
}

class ShowTimePicker extends StatefulWidget {
  const ShowTimePicker({Key key}) : super(key: key);

  @override
  _ShowTimePickerState createState() => _ShowTimePickerState();
}

class _ShowTimePickerState extends State<ShowTimePicker> {
  TimeOfDay _selectedTime;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('TimePicker Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
                child: const Text('Show TimePicker'),
                style: ElevatedButton.styleFrom(
                    textStyle: const TextStyle(fontSize: 20)),
                onPressed: () {
                  // TimePicker
                  Future<TimeOfDay> selectedTime = showTimePicker(
                      context: (context), initialTime: TimeOfDay.now());
                  selectedTime.then((date) {
                    setState(() {
                      _selectedTime =date;
                    });
                  });
                }),
            _selectedTime != null ? Text('${_selectedTime.hour} : ${_selectedTime.minute}') : Text('시간을 선택하세요.'),
          ],
        ),
      ),
    );
  }
}

'Flutter' 카테고리의 다른 글

비율 정하기 - AspectRatio  (0) 2021.12.14
폰트 적용하기  (0) 2021.12.14
DatePicker 예제  (0) 2021.06.26
PopupMenuButton  (0) 2021.06.26
DropdownButton  (0) 2021.05.26