将Hive与扑朔迷离的本地数据副本集成

Question

我正在尝试使用Resocoder提出的代码将蜂巢与颤动集成在一起。一切都很好，但是我被困在一个我无法弄清楚该怎么办的地方。如果您看到Contactsbox提出错误，说明Itsa n对象，我不能在其上使用Lingth属性，甚至无法使用任何其他属性。我以粗体投掷错误向代码的部分推销。任何想法为什么会发生这个错误。我应该如何使用Contactsbox作为无法理解的列表。任何帮助都是很好的

contact_page.dart

import 'package:flutter/material.dart';
import 'package:hive/hive.dart';
import 'package:hive_flutter/hive_flutter.dart';
import 'new_contact_form.dart';
import 'contact.dart';

class ContactPage extends StatelessWidget {
  const ContactPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Hive Tutorial'),
      ),
      body: Column(
        children: [
          Expanded(
            child: _buildListView(),
          ),
          NewContactForm(),
        ],
      ),
    );
  }

  Widget _buildListView() {
    return ValueListenableBuilder(
        valueListenable: Hive.box('contacts').listenable(), builder:
        (context, contactsBox, _) {
      return ListView.builder(**itemCount: contactsBox.length** , itemBuilder: (context, index) {
        final contact = contactsBox.getAt(index) as Contact;

        return ListTile(
          title: Text(contact.name!),
          subtitle: Text(contact.age.toString()),
          trailing: Row(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              IconButton(
                icon: Icon(Icons.refresh),
                onPressed: () {
                  contactsBox!.putAt(
                    index,
                    Contact('${contact.name}*', contact.age + 1),
                  );
                },
              ),
              IconButton(
                icon: Icon(Icons.delete),
                onPressed: () {
                  contactsBox.deleteAt(index);
                },
              )
            ],
          ),
        );
      }
      );
    }
    );
  }

new_contact_form.dart

import 'package:db_app/contact.dart';
import 'package:flutter/material.dart';
import 'package:hive/hive.dart';

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

  @override
  State<NewContactForm> createState() => _NewContactFormState();
}

class _NewContactFormState extends State<NewContactForm> {
  final _formKey = GlobalKey<FormState>();
  String? _name;
  String? _age;

  void addContact(Contact cnt) {
    final contactBox = Hive.box('contacts');
    contactBox.add(cnt);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Form(
      child: Column(
        children: [
          TextFormField(
            decoration: InputDecoration(labelText: 'Name'),
            onSaved: (value) => _name = value,
          ),
          SizedBox(height: 10),
          TextFormField(
            decoration: InputDecoration(labelText: 'Age'),
            onSaved: (value) => _age = value,
            keyboardType: TextInputType.number,
          ),
          ElevatedButton(
            onPressed: () {
              _formKey.currentState!.save();
              final newContact = Contact(_name, int.parse(_age!));
              addContact(newContact);
            },
            child: Text('Add New Contact'),
          ),
        ],
      ),
    ));
  }
}