listview

netrain_flutter_app/ios/Flutter/AppFrameworkInfo.plist

@@ -21,6 +21,6 @@
   <key>CFBundleVersion</key>
   <string>1.0</string>
   <key>MinimumOSVersion</key>
-  <string>8.0</string>
+  <string>9.0</string>
 </dict>
 </plist>

netrain_flutter_app/ios/Runner.xcodeproj/project.pbxproj

@@ -339,7 +339,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;
@@ -426,7 +426,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -475,7 +475,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;

netrain_flutter_app/lib/main.dart

 import 'package:flutter/material.dart';
 import 'package:fluttertoast/fluttertoast.dart';
+import 'package:netrain_flutter_app/xuehao/list_page.dart';
 
 import 'laishanqi/Stateful_page.dart';
 import 'laishanqi/Stateless_page.dart';
@@ -41,6 +42,7 @@ class MyApp extends StatelessWidget {
           "layout": (context) => LayoutPage(),
           "photo": (context) => PhotoApp(),
           "register": (context) => RegisterPage(),
+          "listPage":(context) => List_Page(),
         },
       ), onWillPop: ()async{
         Fluttertoast.showToast(msg: "退出");
@@ -80,6 +82,7 @@ class _RouterNavigatorState extends State<RouterNavigator> {
           _item("拍照页面", PhotoApp(), 'photo'),
           _item("登陆", LoginPage(), 'login'),
           _item("登录网络请求", LoginRequestPage(), 'loginRequest'),
+          _item("listview页面",List_Page(),'listPage'),
         ],
       ),
     );

netrain_flutter_app/lib/xuehao/list_page.dart

+import 'package:flutter/material.dart';
+import 'package:fluttertoast/fluttertoast.dart';
+
+class List_Page extends StatefulWidget {
+  @override
+  State<StatefulWidget> createState() => _ListPageState();
+}
+
+class _ListPageState extends State<List_Page> {
+  @override
+  Widget build(BuildContext context) {
+    return new MaterialApp(
+      title: "listPage",
+      theme: ThemeData(
+        primarySwatch: Colors.blue,
+      ),
+      home: Scaffold(
+          appBar: AppBar(
+            title: Text("ListView"),
+            centerTitle: true,
+            leading: GestureDetector(
+              onTap: () {
+                Navigator.pop(context);
+              },
+              child: Icon(Icons.arrow_back_ios),
+            ),
+          ),
+          body: ListView.builder(
+            itemCount: datas.length,
+            itemBuilder: _getDatas,
+          )),
+    );
+  }
+
+  Widget _getDatas(BuildContext context, int position) {
+    return Container(
+        child: GestureDetector(
+      child: Card(
+        elevation: 6,
+        shadowColor: Colors.redAccent,
+        margin: EdgeInsets.fromLTRB(16, 20, 16, 20),
+        child: Column(
+          children: [
+            SizedBox(height: 20),
+            Text(datas[position].name),
+            SizedBox(height: 10),
+            Image.network(
+              datas[position].imageUrl,
+              width: 340,
+              height: 200,
+            ),
+            SizedBox(height: 20),
+          ],
+        ),
+      ),
+      onTap: () {
+        var data = datas[position];
+        Fluttertoast.showToast(msg: "我点击了" + data.name);
+      },
+    ));
+  }
+}
+
+//定义一个全局的变量：模型数组
+final List<Car> datas = [
+  Car(
+    name: '保时捷918 Spyder',
+    imageUrl:
+        'https://upload-images.jianshu.io/upload_images/2990730-7d8be6ebc4c7c95b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
+  ),
+  Car(
+    name: '兰博基尼Aventador',
+    imageUrl:
+        'https://upload-images.jianshu.io/upload_images/2990730-e3bfd824f30afaac?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
+  ),
+  Car(
+    name: '法拉利Enzo',
+    imageUrl:
+        'https://upload-images.jianshu.io/upload_images/2990730-a1d64cf5da2d9d99?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
+  ),
+  Car(
+    name: 'Zenvo ST1',
+    imageUrl:
+        'https://upload-images.jianshu.io/upload_images/2990730-bf883b46690f93ce?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
+  ),
+  Car(
+    name: '迈凯伦F1',
+    imageUrl:
+        'https://upload-images.jianshu.io/upload_images/2990730-5a7b5550a19b8342?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
+  ),
+  Car(
+    name: '萨林S7',
+    imageUrl:
+        'https://upload-images.jianshu.io/upload_images/2990730-2e128d18144ad5b8?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
+  ),
+  Car(
+    name: '科尼赛克CCR',
+    imageUrl:
+        'https://upload-images.jianshu.io/upload_images/2990730-01ced8f6f95219ec?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
+  ),
+  Car(
+    name: '布加迪Chiron',
+    imageUrl:
+        'https://upload-images.jianshu.io/upload_images/2990730-7fc8359eb61adac0?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
+  ),
+  Car(
+    name: '轩尼诗Venom GT',
+    imageUrl:
+        'https://upload-images.jianshu.io/upload_images/2990730-d332bf510d61bbc2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
+  ),
+  Car(
+    name: '西贝尔Tuatara',
+    imageUrl:
+        'https://upload-images.jianshu.io/upload_images/2990730-3dd9a70b25ae6bc9?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
+  )
+];
+
+class Car {
+  //构造函数
+  const Car({
+    this.name,
+    this.imageUrl,
+  });
+
+  final String name;
+  final String imageUrl;
+}