121 lines
4.4 KiB
Dart
121 lines
4.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_typeahead/flutter_typeahead.dart';
|
|
import 'package:geojson_vi/geojson_vi.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:rogapp/model/destination.dart';
|
|
import 'package:rogapp/pages/destination/destination_controller.dart';
|
|
import 'package:rogapp/pages/index/index_controller.dart';
|
|
import 'package:rogapp/pages/search/search_controller.dart';
|
|
import 'package:rogapp/widgets/bottom_sheets/bottom_sheet_start.dart';
|
|
import 'package:rogapp/widgets/bottom_sheets/bottom_sheet_goal.dart';
|
|
import 'package:rogapp/widgets/bottom_sheets/bottom_sheet_normal_point.dart';
|
|
|
|
class SearchPage extends StatelessWidget {
|
|
SearchPage({Key? key}) : super(key: key);
|
|
|
|
SearchBarController searchController = Get.find<SearchBarController>();
|
|
IndexController indexController = Get.find<IndexController>();
|
|
|
|
Image getImage(int index) {
|
|
if (searchController.searchResults[index].properties!["photos"] == null ||
|
|
searchController.searchResults[index].properties!["photos"] == "") {
|
|
return const Image(image: AssetImage('assets/images/empty_image.png'));
|
|
} else {
|
|
return Image(
|
|
image: NetworkImage(
|
|
searchController.searchResults[index].properties!["photos"]),
|
|
errorBuilder:
|
|
(BuildContext context, Object exception, StackTrace? stackTrace) {
|
|
return Image.asset("assets/images/empty_image.png");
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
elevation: 0,
|
|
backgroundColor: Colors.white,
|
|
leading: IconButton(
|
|
onPressed: () {
|
|
Get.back();
|
|
},
|
|
icon: const Icon(
|
|
Icons.arrow_back_ios_new,
|
|
color: Colors.black,
|
|
)),
|
|
centerTitle: true,
|
|
//title: const CupertinoSearchTextField(),
|
|
),
|
|
body: SingleChildScrollView(
|
|
child: TypeAheadField<GeoJSONFeature>(
|
|
// textFieldConfiguration: TextFieldConfiguration(
|
|
// autofocus: true,
|
|
// style: DefaultTextStyle.of(context).style.copyWith(
|
|
// fontStyle: FontStyle.normal,
|
|
// fontSize: 15.0,
|
|
// ),
|
|
// decoration: InputDecoration(
|
|
// border: const OutlineInputBorder(),
|
|
// hintText: "検索",
|
|
// prefixIcon: const Icon(Icons.search),
|
|
// suffixIcon: IconButton(
|
|
// icon: const Icon(Icons.clear),
|
|
// onPressed: () {
|
|
// // clear the text field
|
|
// },
|
|
// ),
|
|
// ),
|
|
// ),
|
|
onSelected: (GeoJSONFeature suggestion) {
|
|
indexController.currentFeature.clear();
|
|
indexController.currentFeature.add(suggestion);
|
|
DestinationController destinationController =
|
|
Get.find<DestinationController>();
|
|
Destination des =
|
|
destinationController.festuretoDestination(suggestion);
|
|
Get.back();
|
|
|
|
Widget bottomSheet;
|
|
if (des.cp == -1 || des.cp == 0) {
|
|
bottomSheet = BottomSheetStart(destination: des);
|
|
} else if (des.cp == -2 || des.cp == 0) {
|
|
bottomSheet = BottomSheetGoal(destination: des);
|
|
} else {
|
|
bottomSheet = BottomSheetNormalPoint(destination: des);
|
|
}
|
|
showModalBottomSheet(
|
|
constraints:
|
|
BoxConstraints.loose(Size(Get.width, Get.height * 0.75)),
|
|
isScrollControlled: true,
|
|
context: context,
|
|
builder: ((context) => bottomSheet)
|
|
);
|
|
},
|
|
|
|
suggestionsCallback: (pattern) async {
|
|
return searchController.searchResults
|
|
.where((GeoJSONFeature element) => element
|
|
.properties!["location_name"]
|
|
.toString()
|
|
.contains(pattern))
|
|
.toList();
|
|
//return await
|
|
},
|
|
itemBuilder: (context, GeoJSONFeature suggestion) {
|
|
return ListTile(
|
|
title: Text(suggestion.properties!["location_name"]),
|
|
subtitle: suggestion.properties!["category"] != null
|
|
? Text(suggestion.properties!["category"])
|
|
: const Text(""),
|
|
//leading: getImage(index),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|