Flutter时间控制器插件gg_time_controller的使用

当然，下面是一个关于如何在Flutter项目中使用gg_time_controller插件的示例代码。这个插件通常用于选择时间，类似于一个时间选择器。

首先，你需要在你的pubspec.yaml文件中添加gg_time_controller依赖：

dependencies:
  flutter:
    sdk: flutter
  gg_time_controller: ^latest_version  # 请替换为实际的最新版本号

然后运行flutter pub get来获取依赖。

接下来，在你的Flutter项目中使用这个插件。下面是一个简单的示例，展示如何在一个页面中集成并使用gg_time_controller：

import 'package:flutter/material.dart';
import 'package:gg_time_controller/gg_time_controller.dart';

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

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

class TimePickerScreen extends StatefulWidget {
  @override
  _TimePickerScreenState createState() => _TimePickerScreenState();
}

class _TimePickerScreenState extends State<TimePickerScreen> {
  DateTime _selectedTime = DateTime.now();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Time Picker Demo'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Selected Time: ${_selectedTime.toLocal()}',
              style: TextStyle(fontSize: 24),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                showTimePicker(
                  context: context,
                  initialTime: _selectedTime,
                  onConfirm: (selectedTime) {
                    setState(() {
                      _selectedTime = selectedTime;
                    });
                  },
                );
              },
              child: Text('Pick a Time'),
            ),
          ],
        ),
      ),
    );
  }

  // 使用gg_time_controller的时间选择器对话框
  Future<void> showTimePicker({
    required BuildContext context,
    required DateTime initialTime,
    required ValueChanged<DateTime> onConfirm,
  }) async {
    final TimeControllerController controller = TimeControllerController(
      initialTime: initialTime,
      onConfirm: onConfirm,
    );

    await showDialog<void>(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text('Select Time'),
          content: GGTimeController(
            controller: controller,
          ),
          actions: <Widget>[
            TextButton(
              onPressed: () {
                Navigator.of(context).pop();
              },
              child: Text('Cancel'),
            ),
            TextButton(
              onPressed: () {
                controller.confirm();
                Navigator.of(context).pop();
              },
              child: Text('Confirm'),
            ),
          ],
        );
      },
    );
  }
}

解释

1. 依赖项：在pubspec.yaml中添加gg_time_controller依赖。
2. 主应用：在MyApp类中设置基本的MaterialApp。
3. 时间选择器页面：在TimePickerScreen类中创建一个包含时间显示和按钮的页面。
4. 时间选择器对话框：定义一个showTimePicker方法，该方法使用gg_time_controller的GGTimeController小部件来创建一个自定义的时间选择器对话框。

请注意，gg_time_controller的具体使用方式可能会根据插件的最新版本有所不同，因此请务必查阅插件的官方文档或源代码以获取最新的使用方法和API。如果插件的API有所变动，上面的代码可能需要做相应的调整。