代码

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

@@ -1,8 +1,14 @@
 import 'package:flutter/material.dart';
 
-class MapPage extends StatelessWidget {
+class MapPage extends StatefulWidget {
+  const MapPage({Key? key}) : super(key: key);
 
-  int currentFloor = 1; // 用于跟踪当前显示的楼层
+  @override
+  _MapPageState createState() => _MapPageState();
+}
+
+class _MapPageState extends State<MapPage> {
+  int currentFloor = 1;
   final List<String> floorImages = [
     'assets/1F.png',
     'assets/2F.png',
@@ -10,6 +16,7 @@ class MapPage extends StatelessWidget {
     'assets/4F.png',
     'assets/5F.png',
   ];
+
   void nextFloor() {
     if (currentFloor < floorImages.length - 1) {
       setState(() {
@@ -17,7 +24,7 @@ class MapPage extends StatelessWidget {
       });
     }
   }
-  // 用于构建图片的函数
+
   Widget _buildImage(String imagePath, double height, double verticalOffset) {
     return Center( // 将图片居中
       child: SizedBox(
@@ -46,7 +53,7 @@ class MapPage extends StatelessWidget {
         children: [
           _buildImage(floorImages[currentFloor], 200, 10),
           ElevatedButton(
-            onPressed: nextFloor, // 点击按钮切换到下一张地图
+            onPressed: nextFloor,
             child: Text('切换到下一楼层'),
           ),
         ],