代码

src/lib/travelguideapp/ui/boundary/MapPage.dart

@@ -3,6 +3,20 @@ import 'package:flutter/material.dart';
 class MapPage extends StatelessWidget {
 
   int currentFloor = 1; // 用于跟踪当前显示的楼层
+  final List<String> floorImages = [
+    'assets/1F.png',
+    'assets/2F.png',
+    'assets/3F.png',
+    'assets/4F.png',
+    'assets/5F.png',
+  ];
+  void nextFloor() {
+    if (currentFloor < floorImages.length - 1) {
+      setState(() {
+        currentFloor++;
+      });
+    }
+  }
   // 用于构建图片的函数
   Widget _buildImage(String imagePath, double height, double verticalOffset) {
     return Center( // 将图片居中
@@ -25,20 +39,17 @@ class MapPage extends StatelessWidget {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: const Text('地图'),
+        title: Text('地图 - Floor ${currentFloor + 1}'),
         backgroundColor: Colors.green,
       ),
-      body: SingleChildScrollView(
+      body: Column(
-        child: Column(
+        children: [
-          children: [
+          _buildImage(floorImages[currentFloor], 200, 10),
-            _buildImage('assets/1F.png', 200, 10), // 自定义图片路径、高度和垂直偏移
+          ElevatedButton(
-            _buildImage('assets/2F.png', 200, 15),
+            onPressed: nextFloor, // 点击按钮切换到下一张地图
-            _buildImage('assets/3F.png', 200, 15),
+            child: Text('切换到下一楼层'),
-            _buildImage('assets/4F.png', 200, 15),
+          ),
-            _buildImage('assets/5F.png', 200, 15),
+        ],
-            SizedBox(height: 30), // 添加一个底部填充
-          ],
-        ),
       ),
     );
   }