231 lines
10 KiB
Dart
231 lines
10 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:get/get.dart';
|
||
import 'package:rogapp/model/destination.dart';
|
||
import 'package:rogapp/model/gps_data.dart';
|
||
import 'package:rogapp/pages/destination/destination_controller.dart';
|
||
import 'package:rogapp/pages/drawer/drawer_page.dart';
|
||
import 'package:rogapp/pages/index/index_controller.dart';
|
||
import 'package:rogapp/routes/app_pages.dart';
|
||
import 'package:rogapp/services/DatabaseService.dart';
|
||
import 'package:rogapp/utils/database_gps.dart';
|
||
import 'package:rogapp/utils/database_helper.dart';
|
||
import 'package:rogapp/widgets/list_widget.dart';
|
||
import 'package:rogapp/widgets/map_widget.dart';
|
||
import 'package:rogapp/utils/location_controller.dart';
|
||
|
||
// index_page.dartファイルの主な内容です。
|
||
// このファイルは、アプリのメインページのUIを構築し、各機能へのナビゲーションを提供しています。
|
||
// また、IndexControllerとDestinationControllerを使用して、状態管理と各種機能の実装を行っています。
|
||
//
|
||
// MapWidgetとListWidgetは、それぞれ別のファイルで定義されているウィジェットであり、マップモードとリストモードの表示を担当しています。
|
||
//
|
||
// 全体的に、index_page.dartはアプリのメインページの構造を定義し、他のコンポーネントやページへの橋渡しを行っているファイルです。
|
||
//
|
||
|
||
// 要検討：GPSデータの表示アイコンをタップした際のエラーハンドリングを追加することをお勧めします。
|
||
// MapWidgetとListWidgetの切り替えにObxを使用していますが、パフォーマンスを考慮して、必要な場合にのみウィジェットを再構築するようにしてください。
|
||
// DestinationControllerのisSimulationModeを使用してGPS信号の強弱をシミュレーションしていますが、本番環境では適切に実際のGPS信号を使用するようにしてください。
|
||
|
||
// IndexPageクラスは、GetView<IndexController>を継承したStatelessWidgetです。このクラスは、アプリのメインページを表すウィジェットです。
|
||
//
|
||
class IndexPage extends GetView<IndexController> {
|
||
IndexPage({Key? key}) : super(key: key);
|
||
|
||
// IndexControllerとDestinationControllerのインスタンスを取得しています。
|
||
//
|
||
final LocationController locationController = Get.find<LocationController>();
|
||
final IndexController indexController = Get.find<IndexController>();
|
||
final DestinationController destinationController =
|
||
Get.find<DestinationController>();
|
||
|
||
// buildメソッドは、ウィジェットのUIを構築するメソッドです。
|
||
// ここでは、WillPopScopeウィジェットを使用して、端末の戻るボタンが押された際の動作を制御しています。
|
||
//
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return WillPopScope(
|
||
onWillPop: () async => false,
|
||
child: Scaffold(
|
||
//
|
||
// Scaffoldウィジェットを使用して、アプリのメインページのレイアウトを構築しています。
|
||
//
|
||
drawer: DrawerPage(),
|
||
appBar: AppBar(
|
||
title: Text("add_location".tr),
|
||
actions: [
|
||
// IconButton(
|
||
// onPressed: () {
|
||
// DatabaseService ds = DatabaseService();
|
||
// ds.updateDatabase();
|
||
// },
|
||
// icon: const Icon(Icons.ten_k_sharp)),
|
||
|
||
//
|
||
// AppBarには、タイトルとアクションアイコンが含まれています。
|
||
// アクションアイコンには、GPSデータの表示、履歴の表示、マップの更新、検索などの機能が含まれています。
|
||
//
|
||
IconButton(
|
||
onPressed: () async {
|
||
// GpsDatabaseHelper db = GpsDatabaseHelper.instance;
|
||
// List<GpsData> data = await db.getGPSData(
|
||
// indexController.currentUser[0]["user"]['team_name'],
|
||
// indexController.currentUser[0]["user"]["event_code"]);
|
||
// print("GPS data is ${data.length}");
|
||
Get.toNamed(AppPages.GPS);
|
||
},
|
||
icon: const Icon(Icons.telegram)),
|
||
IconButton(
|
||
onPressed: () {
|
||
Get.toNamed(AppPages.HISTORY);
|
||
},
|
||
icon: const Icon(Icons.history)),
|
||
IconButton(
|
||
onPressed: () {
|
||
final tk = indexController.currentUser[0]["token"];
|
||
if (tk != null) {
|
||
destinationController.fixMapBound(tk);
|
||
}
|
||
},
|
||
icon: const Icon(Icons.refresh)),
|
||
InkWell(
|
||
onTap: () {
|
||
Get.toNamed(AppPages.SEARCH);
|
||
},
|
||
child: Container(
|
||
height: 32,
|
||
width: 75,
|
||
decoration: BoxDecoration(
|
||
color: Colors.blue,
|
||
borderRadius: BorderRadius.circular(25),
|
||
),
|
||
child: const Center(
|
||
child: Icon(Icons.search),
|
||
),
|
||
),
|
||
),
|
||
//CatWidget(indexController: indexController,),
|
||
//
|
||
// デバッグ時のみリロードボタンの横にGPS信号レベルの設定ボタンを設置し、
|
||
// タップすることでGPS信号の強弱をシミュレーションできるようにする
|
||
// Akira 2024-4-5
|
||
//
|
||
Obx(
|
||
() => destinationController.isSimulationMode.value
|
||
? DropdownButton<String>(
|
||
value: locationController.getSimulatedSignalStrength(),
|
||
onChanged: (value) {
|
||
locationController.setSimulatedSignalStrength(value!);
|
||
},
|
||
items: ['high', 'medium', 'low']
|
||
.map<DropdownMenuItem<String>>((String value) {
|
||
return DropdownMenuItem<String>(
|
||
value: value,
|
||
child: Text(value),
|
||
);
|
||
}).toList(),
|
||
)
|
||
: Container(),
|
||
),
|
||
],
|
||
),
|
||
// bottomNavigationBar: BottomAppBar(
|
||
// child: Row(
|
||
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
// children: <Widget>[
|
||
// Obx(
|
||
// () => destinationController.isInRog.value == true
|
||
// ? IconButton(
|
||
// onPressed: () {},
|
||
// icon: const Icon(
|
||
// Icons.run_circle,
|
||
// size: 44,
|
||
// color: Colors.green,
|
||
// ))
|
||
// : IconButton(
|
||
// onPressed: () {},
|
||
// icon: const Icon(
|
||
// Icons.run_circle,
|
||
// size: 44,
|
||
// color: Colors.black12,
|
||
// )),
|
||
// ),
|
||
// Padding(
|
||
// padding:
|
||
// const EdgeInsets.only(right: 10.0, top: 4.0, bottom: 4.0),
|
||
// child: InkWell(
|
||
// child: Obx(() => destinationController
|
||
// .isGpsSelected.value ==
|
||
// true
|
||
// ? Padding(
|
||
// padding: const EdgeInsets.only(
|
||
// right: 10.0, top: 4.0, bottom: 4.0),
|
||
// child: InkWell(
|
||
// child: const Image(
|
||
// image:
|
||
// AssetImage('assets/images/route3_off.png'),
|
||
// width: 35,
|
||
// height: 35,
|
||
// ),
|
||
// onTap: () {
|
||
// //indexController.switchPage(AppPages.TRAVEL);
|
||
// },
|
||
// ),
|
||
// )
|
||
// : Padding(
|
||
// padding: const EdgeInsets.only(
|
||
// right: 10.0, top: 4.0, bottom: 4.0),
|
||
// child: InkWell(
|
||
// child: const Image(
|
||
// image:
|
||
// AssetImage('assets/images/route2_on.png'),
|
||
// width: 35,
|
||
// height: 35,
|
||
// ),
|
||
// onTap: () {
|
||
// //indexController.switchPage(AppPages.TRAVEL);
|
||
// },
|
||
// ),
|
||
// ))),
|
||
// ),
|
||
// ],
|
||
// ),
|
||
// ),
|
||
|
||
//
|
||
// マップモードとリストモードを切り替えるためのボタンです。
|
||
//
|
||
floatingActionButton: FloatingActionButton(
|
||
onPressed: () {
|
||
indexController.toggleMode();
|
||
},
|
||
elevation: 1.0,
|
||
//
|
||
// Obxウィジェットを使用して、indexController.mode.valueの値に基づいて、MapWidgetまたはListWidgetを表示しています。
|
||
//
|
||
child: Obx(
|
||
() => indexController.mode.value == 0
|
||
? const Image(image: AssetImage('assets/images/list2.png'))
|
||
: const Image(image: AssetImage('assets/images/map.png')),
|
||
),
|
||
),
|
||
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
|
||
//
|
||
// bodyには、SafeAreaウィジェットを使用して、画面の安全な領域内にUIを構築しています。
|
||
//
|
||
body: SafeArea(
|
||
child: Column(
|
||
children: [
|
||
Expanded(
|
||
child: Obx(
|
||
() => indexController.mode.value == 0
|
||
? MapWidget()
|
||
: const ListWidget(),
|
||
))
|
||
],
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|