问题描述
我想要一种非常简单的方法来动态填充我的 DataTable,并且能够在添加新数据时刷新它,以便它立即更新和重建。以最简单的方式使用 Hive 框。
我正在使用 Hive 加密的盒子,但这并不重要
我提出这个问题并在下面给出答案。我花了大量时间来发现这一点,因为使用 Hive 框和 SIMPLE 找不到其他类似的东西。我真的希望这对其他人有所帮助,作为一名绿色开发人员,我在 SO 上获得了大量帮助。我很自豪我可能会回报他们的人情。
import 'package:hive/hive.dart';
part 'person.g.dart';
@HiveType(typeId: 0)
class Person {
@HiveField(0)
final String firstName;
@HiveField(1)
final String lastName;
@HiveField(2)
final int age;
@HiveField(3)
final String Status;
Person(
this.firstName,this.lastName,this.age,this.status,);
@override
String toString() {
return '{${this.firstName},${this.lastName},${this.age},${this.status}}';
}
}
按下按钮保存到蜂巢
onpressed: () {
final newPersonData = Person(
_firstName,_lastName,int.parse(_age),_status,);
addPerson(newPersonData);
var Box = Hive.Box(personTable);
for (var index in Box.values) {
print(index);
}
},
DataTable 构建方法
_buildDataTable() {
return SingleChildScrollView(
scrollDirection: Axis.horizontal,child: DataTable(
columns: const <DataColumn>[
DataColumn(
label: Text('First'),),DataColumn(
label: Text('Last'),DataColumn(
label: Text('Age'),DataColumn(
label: Text('Status'),],rows: List<DaTarow>
// How to dynamically load cells in a ***SIMPLE*** manner?
);
},);
}
解决方法
DataTable 构建方法
_buildDataTable() {
final hiveBox = Hive.box(personTable);
return ValueListenableBuilder(
valueListenable: Hive.box(personTable).listenable(),builder: (context,personBox,_) {
return SingleChildScrollView(
scrollDirection: Axis.horizontal,child: DataTable(
columns: const <DataColumn>[
DataColumn(
label: Text('First'),),DataColumn(
label: Text('Last'),DataColumn(
label: Text('Age'),DataColumn(
label: Text('Status'),],rows: List<DataRow>.generate(
hiveBox.length,(index) {
final person = hiveBox.getAt(index) as Person;
return DataRow(
cells: [
DataCell(Text(person.firstName)),DataCell(Text(person.lastName)),DataCell(Text(person.age.toString())),DataCell(Text(person.status))
],);
},);
},);
}
说明
我会尽可能多地解释我在上面所做的事情。
- ValueListenableBuilder - 此方法侦听 Hive.box 的添加内容,并在发生任何新更新时刷新。如果没有此方法,DataTable 将不会在添加数据时重建。
- DataRow.generate() 方法允许您遍历您想要遍历的任何内容,在我的例子中,它的字符串来自我的 Person 对象,而后者又来自我的加密 Hive。
差不多就是这样!超级简单-希望这可以帮助其他人:)
编辑:我注意到应该使用 watch() 而不是 ValueListenableBuilder() 以及这个应用程序呈现整个图表的一个重要事实。对于我的应用程序,这没问题,因为我没有使用太多数据进行构建。深思熟虑。