Flutter中如何多选星期几并存储到Hive数据库

1. 配置Hive依赖 #

在pubspec.yaml中添加以下依赖：

dependencies:
  flutter:
    sdk: flutter
  hive: ^2.2.3
  hive_flutter: ^1.1.0

dev_dependencies:
  flutter_test:
    sdk: flutter
  build_runner: ^2.4.4
  hive_generator: ^1.1.5

执行flutter pub get完成依赖安装。

2. 初始化Hive #

在应用入口完成Hive初始化并打开存储用的Box：

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Hive.initFlutter();
  // 打开名为"weekday_storage"的Box，不存在则自动创建
  await Hive.openBox('weekday_storage');
  runApp(const MyApp());
}

3. 实现多选星期UI #

用CheckboxListTile构建可多选的星期列表，同时处理选中状态的读取与保存逻辑：

class WeekdaySelector extends StatefulWidget {
  const WeekdaySelector({super.key});

  @override
  State<WeekdaySelector> createState() => _WeekdaySelectorState();
}

class _WeekdaySelectorState extends State<WeekdaySelector> {
  // 星期名称数组，索引对应0=周日、1=周一……6=周六
  final List<String> _weekdayLabels = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
  // 选中状态数组
  late List<bool> _selectedStates;
  // Hive Box实例
  late Box _storageBox;

  @override
  void initState() {
    super.initState();
    _storageBox = Hive.box('weekday_storage');
    // 从Hive读取已保存的选中天数，默认全未选
    List<int> savedIndices = _storageBox.get('selected_weekdays', defaultValue: []);
    _selectedStates = List.generate(7, (index) => savedIndices.contains(index));
  }

  // 保存当前选中状态到Hive
  void _saveSelection() {
    List<int> selectedIndices = [];
    for (int i = 0; i < _selectedStates.length; i++) {
      if (_selectedStates[i]) selectedIndices.add(i);
    }
    _storageBox.put('selected_weekdays', selectedIndices);
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        const Text('选择重复日期', style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
        // 生成多选列表项
        ..._weekdayLabels.asMap().entries.map((entry) {
          int index = entry.key;
          String label = entry.value;
          return CheckboxListTile(
            title: Text(label),
            value: _selectedStates[index],
            onChanged: (bool? newValue) {
              setState(() {
                _selectedStates[index] = newValue!;
              });
              // 可实时保存，也可放在单独的「保存」按钮点击时执行
              _saveSelection();
            },
          );
        }).toList(),
        // 可选：单独的确认保存按钮
        Center(
          child: ElevatedButton(
            onPressed: _saveSelection,
            child: const Text('确认保存'),
          ),
        )
      ],
    );
  }
}

4. 读取已保存的选择 #

在需要使用选中数据的位置，从Hive中读取：

Box storageBox = Hive.box('weekday_storage');
List<int> selectedIndices = storageBox.get('selected_weekdays', defaultValue: []);
// 转换为星期名称列表
List<String> selectedDays = selectedIndices.map((i) => ['周日', '周一', '周二', '周三', '周四', '周五', '周六'][i]).toList();

// 示例：打印选中的星期
print('已选中的星期：${selectedDays.join(', ')}');

可选：使用自定义Hive对象存储 #

如果需要更结构化的存储，可定义自定义Hive对象并生成适配器：

1. 创建weekday_selection.dart：

import 'package:hive/hive.dart';

part 'weekday_selection.g.dart';

@HiveType(typeId: 0)
class WeekdaySelection extends HiveObject {
  @HiveField(0)
  List<int> selectedIndices;

  WeekdaySelection(this.selectedIndices);
}

2. 运行命令生成适配器：

flutter packages pub run build_runner build

3. 在Hive初始化时注册适配器：

await Hive.initFlutter();
Hive.registerAdapter(WeekdaySelectionAdapter()); // 新增该行
await Hive.openBox('weekday_storage');

4. 保存与读取自定义对象：

// 保存
var selection = WeekdaySelection(selectedIndices);
_storageBox.put('selection', selection);

// 读取
WeekdaySelection? savedSelection = _storageBox.get('selection');
List<int> selectedIndices = savedSelection?.selectedIndices ?? [];

内容的提问来源于stack exchange，提问作者2046 ปริวัฒน์ พลอยงาม