Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2025-11-08 13:58:47 +00:00
Code Issues Releases Wiki Activity

Add map type toggle to place_tracker demo. (#23)

Browse Source 
Button will toggle between normal, satellite, terrain, hybrid, and none MapTypes.
This commit is contained in:
Kenzie Schmoll
2018-11-01 12:19:04 -07:00
committed by GitHub
parent 7ab277fad4
commit bfce2a44e9
1 changed files with 50 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
place_tracker/lib/place_map.dart
View File

@@ -166,7 +166,7 @@ class PlaceMapState extends State<PlaceMap> {
);
}
void _onAddPlaceFabPressed() async {
void _onAddPlacePressed() async {
Marker newMarker = await mapController.addMarker(
MarkerOptions(
position: LatLng(
@@ -234,6 +234,15 @@ class PlaceMapState extends State<PlaceMap> {
}
}
void _onToggleMapTypePressed() {
final MapType nextType =
MapType.values[(mapController.options.mapType.index + 1) % MapType.values.length];
mapController.updateMapOptions(
GoogleMapOptions(mapType: nextType),
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
@@ -278,9 +287,10 @@ class PlaceMapState extends State<PlaceMap> {
onSavePressed: () => _confirmAddPlace(context),
onCancelPressed: _cancelAddPlace,
),
_AddPlaceFab(
_MapFabs(
visible: _pendingMarker == null,
onPressed: _onAddPlaceFabPressed,
onAddPlacePressed: _onAddPlacePressed,
onToggleMapTypePressed: _onToggleMapTypePressed,
),
],
),
@@ -307,8 +317,8 @@ class _CategoryButtonBar extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Opacity(
opacity: visible ? 1.0 : 0.0,
return Visibility(
visible: visible,
child: Container(
padding: const EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 14.0),
alignment: Alignment.bottomCenter,
@@ -369,8 +379,8 @@ class _AddPlaceButtonBar extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Opacity(
opacity: visible ? 1.0 : 0.0,
return Visibility(
visible: visible,
child: Container(
padding: const EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 14.0),
alignment: Alignment.bottomCenter,
@@ -400,33 +410,49 @@ class _AddPlaceButtonBar extends StatelessWidget {
}
}
class _AddPlaceFab extends StatelessWidget {
const _AddPlaceFab({
class _MapFabs extends StatelessWidget {
const _MapFabs({
Key key,
@required this.visible,
@required this.onPressed,
@required this.onAddPlacePressed,
@required this.onToggleMapTypePressed,
}) : assert(visible != null),
assert(onPressed != null),
assert(onAddPlacePressed != null),
assert(onToggleMapTypePressed != null),
super(key: key);
final bool visible;
final VoidCallback onPressed;
final VoidCallback onAddPlacePressed;
final VoidCallback onToggleMapTypePressed;
@override
Widget build(BuildContext context) {
return Opacity(
opacity: visible ? 1.0 : 0.0,
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Align(
alignment: Alignment.topRight,
child: FloatingActionButton(
onPressed: onPressed,
materialTapTargetSize: MaterialTapTargetSize.padded,
backgroundColor: Colors.green,
child: const Icon(Icons.add_location, size: 36.0),
),
return Container(
alignment: Alignment.topRight,
margin: const EdgeInsets.only(top: 12.0, right: 12.0),
child: Visibility(
visible: visible,
child: Column(
children: <Widget>[
FloatingActionButton(
heroTag: "add_place_button",
onPressed: onAddPlacePressed,
materialTapTargetSize: MaterialTapTargetSize.padded,
backgroundColor: Colors.green,
child: const Icon(Icons.add_location, size: 36.0),
),
SizedBox(height: 12.0),
FloatingActionButton(
heroTag: "toggle_map_type_button",
onPressed: onToggleMapTypePressed,
materialTapTargetSize: MaterialTapTargetSize.padded,
mini: true,
backgroundColor: Colors.green,
child: const Icon(Icons.layers, size: 28.0),
),
],
),
),
);
}