因此,基本上我想做的是在ListView中显示从我的数据库中获得的数据,但我只能显示我的对象设备的一个属性.

这是我的设备类

class Devices {
  final int iD;
  final String location;
  final String type;
  Devices({required this.iD, required this.location, required this.type});
  factory Devices.fromJson(Map<String, dynamic> json) {
    return Devices(
        iD: json['id'] as int,
        location: json['Ort'] as String,
        type: json['Typ'] as String);
  }
}

我从我的PHP脚本中获得的json如下所示

     {"id":1,"Ort":"Wohnzimmer","Typ":"Sensor"}

显示我的类的代码

class DeviceList extends StatelessWidget {
  List<Devices> dList;
  DeviceList({super.key, required this.dList});

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: dList.length,
      itemBuilder: (context, index) {
        // return Text(dList[index].location,
        //     style: const TextStyle(color: Colors.white, fontSize: 40));
        return (ListTile(title: Text(dList[index].iD.toString())));
      },
    );
  }
}

我想显示我的类的所有属性,而不仅仅是它的ID,但我不知道如何做到这一点.

推荐答案

在ListTile小部件中,您可以这样显示数据

 ListView.builder(
      itemCount: dList.length,
      itemBuilder: (context, index) {
        return Card(
          elevation: 4,
          child: ListTile(
            leading: CircleAvatar(
              child: Text("${dList[index].iD}"),
            ),
            title: Text(dList[index].type),
            subtitle: Text(dList[index].location),
          ),
        );
      },
    ),

它将看起来像这样

enter image description here

有很多其他方法可以显示这些数据.

Flutter相关问答推荐

Flutter FireRestore:如何从特定/实际领域获取数据

在Flutter 动中绘制ECG图

如何使一个悬浮的appbar在flutter?

我如何才能动态地将小部件排成一排进行排列呢?

如何在Ffltter 3.16中设置标准的提升按钮主题?

顶部对齐ListTile的[前导、标题、尾随]小部件

当我转到其他屏幕并按下后退按钮时,屏幕将不会刷新

Flutter飞溅屏幕即使在修改后仍显示默认徽标和背景色

在带有 flutter 的 Native Android 中,EventChannel.EventSink 始终为 null

如何在列表视图生成器中显示图像

如何获取flutter中gridview项目占用的高度和宽度?

如何在Flutter中的textField中在可编辑文本和前缀图标之间添加空格?

在flutter中从图库或相机中 Select 图像的方法

在 Flutter 中显示有关提供者通知的对话框

提供者、存储库和服务之间有什么区别?

flutter 中 // 和 /// 有什么区别

如何获得Flutter 的时差?

Flutter Firestore 数据库排序最近 24 小时内最喜欢的文档

setState 不会在第一次更新 - Flutter

Flutter audioplayers错误-单击音频按钮时不播放音频