类型：“Daftarangkot”不是类型类型“DetailAngkot”的子类型

Question

我试图从api中获取一个列表页面，然后在下一页上显示详细信息。当我单击详细信息页或第二个页面时，我遵循了以下链接https://docs.flutter.dev/cookbook/navigation/passing-data中的教程:在我的模拟器上，出现了" type：'Daftarangkot‘不是类型为'DetailAngkot’的子类型“的错误消息。

下面是第一个屏幕代码。

import 'dart:ui';
import 'dart:math';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:kiriapp/angkottab/daftar.dart';
import 'package:kiriapp/angkottab/detailangkot.dart';
import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'package:shared_preferences/shared_preferences.dart';

Future<List<Daftarangkot>> fetchData() async {
  SharedPreferences sharedPreferences = await SharedPreferences.getInstance();
  String? accessToken = sharedPreferences.getString("token");
  String? idOwner = sharedPreferences.getString("id");
  final response = await http.get(
    Uri.parse(
        "/api/angkot/find?owner_id=$idOwner"),
    headers: {
      'Authorization': 'Bearer $accessToken',
    },
  );
  print(response.statusCode);
  print(response.body);
  if (response.statusCode == 200) {
    Map<String, dynamic> map = json.decode(response.body);
    List<dynamic> jsonResponse = map["data"];
    return jsonResponse.map((data) => new Daftarangkot.fromJson(data)).toList();
  } else {
    throw Exception('Eror Ketika Menampilkan! Diharap Login Ulang.');
  }
}

class Daftarangkot {
  final String id;
  final String plat_nomor;
  final String status;
  final String pajak_tahunan;

  Daftarangkot(
      {required this.id,
      required this.plat_nomor,
      required this.status,
      required this.pajak_tahunan});

  factory Daftarangkot.fromJson(Map<String, dynamic> json) {
    return Daftarangkot(
      id: json['plat_nomor'],
      plat_nomor: json['plat_nomor'],
      status: json['status'],
      pajak_tahunan: json['pajak_tahunan'],
    );
  }
}

class DetailAngkot {
  final String detail_id;
  final String detail_plat_nomor;
  final String detail_pajak_tahunan;
  final String detail_pajak_stnk;
  final String detail_kir_bulanan;
  final String detail_is_beroperasi;
  final String detail_status;

  const DetailAngkot(
    this.detail_id,
    this.detail_plat_nomor,
    this.detail_pajak_tahunan,
    this.detail_pajak_stnk,
    this.detail_kir_bulanan,
    this.detail_is_beroperasi,
    this.detail_status,
  );
}

class AngkotsScreen extends StatefulWidget {
  const AngkotsScreen({Key? key, required this.angkots}) : super(key: key);

  final List<DetailAngkot> angkots;
  @override
  State<AngkotsScreen> createState() => _AngkotsScreenState();
}

class _AngkotsScreenState extends State<AngkotsScreen> {
  late Future<List<Daftarangkot>> futureData;

  @override
  void initState() {
    super.initState();
    futureData = fetchData();
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      body: SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.only(right: 16, left: 16, top: 14),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              FutureBuilder<List<Daftarangkot>>(
                future: futureData,
                builder: (context, snapshot) {
                  if (snapshot.hasData) {
                    List<Daftarangkot>? data = snapshot.data;
                    return ListView.builder(
                        physics: NeverScrollableScrollPhysics(),
                        scrollDirection: Axis.vertical,
                        shrinkWrap: true,
                        itemCount: data?.length,
                        itemBuilder: (BuildContext context, int index) {
                          return Column(
                            children: [
                              Card(
                                shape: RoundedRectangleBorder(
                                  borderRadius: BorderRadius.circular(15.0),
                                ),
                                elevation: 8,
                                child: new InkWell(
                                  onTap: () {
                                    Navigator.push(
                                        context,
                                        MaterialPageRoute(
                                          builder: (context) => Detailangkot(),
                                          settings: RouteSettings(
                                            arguments: data![index],
                                          ),
                                        ));
                                  },
                                  child: Padding(
                                    padding: const EdgeInsets.only(
                                        left: 14, top: 12, bottom: 12),
                                    child: Row(
                                      children: [
                                        Image.asset('assets/img/mobil.png'),
                                        Padding(
                                          padding: const EdgeInsets.only(
                                              left: 14, right: 16),
                                          child: Column(
                                            crossAxisAlignment:
                                                CrossAxisAlignment.start,
                                            mainAxisAlignment:
                                                MainAxisAlignment.center,
                                            children: [
                                              Text(data![index].plat_nomor,
                                                  style: TextStyle(
                                                      fontFamily: 'PoppinsBold',
                                                      fontSize: 24)),
                                              Text(data[index].status,
                                                  style: TextStyle(
                                                      fontFamily: 'PoppinsReg',
                                                      fontSize: 18,
                                                      color:
                                                          Color(0xFF3FC100))),
                                              Text(data[index].pajak_tahunan,
                                                  style: TextStyle(
                                                      fontFamily: 'PoppinsReg',
                                                      fontSize: 14)),
                                            ],
                                          ),
                                        )
                                      ],
                                    ),
                                  ),
                                ),
                              ),
                              SizedBox(
                                height: 8,
                              ),
                            ],
                          );
                        });
                  } else if (snapshot.hasError) {
                    return Text("${snapshot.error}");
                  }
                  // By default show a loading spinner.
                  return Center(
                    child: CircularProgressIndicator(),
                  );
                },
              ),
            ],
          ),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Navigator.push(
              context, MaterialPageRoute(builder: (context) => DaftarAngkot()));
        },
        backgroundColor: Color(0xff38AC00),
        child: const Icon(
          Icons.add,
          color: Colors.white,
        ),
      ),
    );
  }
}

这是第二页或细节页的代码。

import 'dart:ui';
import 'dart:math';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:kiriapp/BarChartSample1.dart';
import 'package:kiriapp/angkot.dart';
import 'package:kiriapp/home.dart';
import 'dart:async';
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'package:shared_preferences/shared_preferences.dart';

class Detailangkot extends StatefulWidget {
  const Detailangkot({Key? key}) : super(key: key);
  @override
  State<Detailangkot> createState() => _DetailangkotState();
}

class _DetailangkotState extends State<Detailangkot> {
  @override
  Widget build(BuildContext context) {
    final angkot = ModalRoute.of(context)!.settings.arguments as DetailAngkot;
    // TODO: implement build
    return Scaffold(
      backgroundColor: Color(0xFFEFEFEF),
      appBar: AppBar(
        iconTheme: IconThemeData(
          color: Colors.white, //change your color here
        ),
        title: Text(
          "Detail Angkot",
          style: TextStyle(
              fontFamily: 'PoppinsReg', fontSize: 24, color: Colors.white),
        ),
        backgroundColor: Color(0xFF38AC00),
        elevation: 0,
      ),
      body: SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.all(16),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              SizedBox(
                height: 8,
              ),
              Card(
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(15.0),
                ),
                elevation: 8,
                child: Padding(
                  padding: const EdgeInsets.only(left: 14, top: 12, bottom: 12),
                  child: Row(
                    children: [
                      Image.asset('assets/img/mobil.png'),
                      Padding(
                        padding: const EdgeInsets.only(left: 14, right: 16),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Text(angkot.detail_plat_nomor,
                                style: TextStyle(
                                    fontFamily: 'PoppinsBold', fontSize: 24)),
                            Text(angkot.detail_status,
                                style: TextStyle(
                                    fontFamily: 'PoppinsReg',
                                    fontSize: 18,
                                    color: Color(0xFF3FC100))),
                            Row(
                              children: [
                                Text('Sopir ',
                                    style: TextStyle(
                                        fontFamily: 'PoppinsReg',
                                        fontSize: 16,
                                        color: Color(0xFF727272))),
                                Text('Rizky',
                                    style: TextStyle(
                                        fontFamily: 'PoppinsSemBold',
                                        fontSize: 16,
                                        color: Colors.black)),
                              ],
                            )
                          ],
                        ),
                      )
                    ],
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

谢谢

Answer 1

在这里

Navigator.push(
     context,
     MaterialPageRoute(
     builder: (context) => Detailangkot(),
     settings: RouteSettings(
         arguments: data![index],
     ),
 ));

您正在发送一个Daftarangkot对象

在这里

    final angkot = ModalRoute.of(context)!.settings.arguments as DetailAngkot;

您期望它是DetailAngkot。因此，它抛出了这个错误。