车辆详情页提交

netrain_flutter_app/lib/xuehao/car_details.dart

+import 'package:flutter/material.dart';
+
+/**
+ * @author xuehao
+ * on 2021/7/9
+ */
+class CarDetailsPage extends StatefulWidget {
+  String name, imageUrl;
+
+  CarDetailsPage({Key key, @required this.name, @required this.imageUrl})
+      : super(key: key);
+
+  @override
+  _CarDetailsState createState() => _CarDetailsState(name, imageUrl);
+}
+
+class _CarDetailsState extends State<CarDetailsPage> {
+  String name, imageUrl;
+
+  _CarDetailsState(this.name, this.imageUrl);
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: "car_details",
+      home: Scaffold(
+        appBar: AppBar(
+          title: Text("汽车详情"),
+          centerTitle: true,
+          leading: new IconButton(
+              onPressed: () {
+                Navigator.pop(context);
+              },
+              icon: Icon(Icons.arrow_back_ios)),
+        ),
+        body: Center(
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Text(name),
+              SizedBox(height: 40),
+              Image.network(imageUrl),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

netrain_flutter_app/lib/xuehao/list_page.dart

 import 'package:flutter/material.dart';
 import 'package:flutter_easyrefresh/easy_refresh.dart';
 import 'package:fluttertoast/fluttertoast.dart';
+import 'package:netrain_flutter_app/xuehao/car_details.dart';
 import 'Car.dart';
 
 class List_Page extends StatefulWidget {
@@ -85,6 +86,7 @@ class _ListPageState extends State<List_Page> {
       onTap: () {
         var data = datas[position];
         Fluttertoast.showToast(msg: "我点击了${data.name}");
+        Navigator.push(context, new MaterialPageRoute(builder: (context) => new CarDetailsPage(name: data.name,imageUrl: data.imageUrl,)));
       },
     ));
   }