flutter OK按钮导航中的Timepicker

flutter create time_picker_example
cd time_picker_example

dependencies:
  flutter:
    sdk: flutter

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Time Picker Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  TimeOfDay _selectedTime;

  Future<void> _selectTime(BuildContext context) async {
    final TimeOfDay picked = await showTimePicker(
      context: context,
      initialTime: TimeOfDay.now(),
    );
    if (picked != null && picked != _selectedTime) {
      setState(() {
        _selectedTime = picked;
      });
      // 导航到新页面
      Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => TimeDisplayPage(time: _selectedTime)),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Time Picker Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () => _selectTime(context),
          child: Text('Select Time'),
        ),
      ),
    );
  }
}

class TimeDisplayPage extends StatelessWidget {
  final TimeOfDay time;

  TimeDisplayPage({@required this.time});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Selected Time'),
      ),
      body: Center(
        child: Text(
          'Selected time: ${time.format(context)}',
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

flutter run