#15: Creating Place Widget

burhanrashid52 · Nov 16, 2019 · 19e341d · 19e341d
1 parent 620da3c
commit 19e341d
Show file tree

Hide file tree

Showing 3 changed files with 74 additions and 38 deletions.
diff --git a/lib/pages/map/map_bloc.dart b/lib/pages/map/map_bloc.dart
@@ -7,7 +7,7 @@ import 'package:google_maps_flutter/google_maps_flutter.dart';
 
 class MapBloc extends BlocBase {
   MapBloc(this.placesApiService) {
-    _fetchLocations("Mumbai");
+    _fetchLocations("A");
   }
 
   final PlacesApiService placesApiService;

diff --git a/lib/pages/map/map_page.dart b/lib/pages/map/map_page.dart
@@ -1,9 +1,9 @@
 import 'dart:async';
 
 import 'package:flutter/material.dart';
-import 'package:flutter/rendering.dart';
 import 'package:flutter_app/bloc/bloc_provider.dart';
 import 'package:flutter_app/pages/map/map_bloc.dart';
+import 'package:flutter_app/pages/map/place_widget.dart';
 import 'package:flutter_app/pages/places/places_models.dart';
 import 'package:google_maps_flutter/google_maps_flutter.dart';
 
@@ -13,6 +13,9 @@ class MapPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final MapBloc mapBloc = BlocProvider.of(context);
+
+    _createMapTypeListener(mapBloc.mayType);
+
     return Scaffold(
       appBar: AppBar(
         title: Text("Maps"),
@@ -33,50 +36,43 @@ class MapPage extends StatelessWidget {
       ),
       body: Stack(
         children: <Widget>[
-          StreamBuilder<MapType>(
-            stream: mapBloc.mayType,
-            initialData: MapType.hybrid,
-            builder: (context, snapshotType) {
-              return GoogleMap(
-                mapType: snapshotType.data,
-                initialCameraPosition: buildInitialCamera(),
-                zoomGesturesEnabled: true,
-                onMapCreated: (GoogleMapController controller) {
-                  _controller.complete(controller);
-                },
-              );
-            },
+           Container(
+            child: StreamBuilder<MapType>(
+              stream: mapBloc.mayType,
+              initialData: MapType.hybrid,
+              builder: (context, snapshotType) {
+                return buildGoogleMap(snapshotType.data);
+              },
+            ),
           ),
           //TODO: Fix the scroll and item are not visible
-          StreamBuilder<List<Candidate>>(
-            stream: mapBloc.offices,
-            builder: (context, snapshot) {
-              return ListView.builder(
-                scrollDirection: Axis.horizontal,
-                itemCount: snapshot.data.length,
-                itemBuilder: (context, index) {
-                  var item = snapshot.data[index];
-                  /*return ListTile(
-                    leading: CircleAvatar(
-                      backgroundColor: Colors.red,
-                      child: Text("P"),
-                    ),
-                    title: Text(item.name),
-                    subtitle: Text(item.name),
-                  );*/
-                  return Text(
-                    item.name,
-                    style: Theme.of(context).textTheme.headline,
-                  );
-                },
-              );
-            },
+          Container(
+            child: StreamBuilder<List<Candidate>>(
+              stream: mapBloc.offices,
+              builder: (context, snapshot) {
+                if (snapshot.hasData) {
+                  return PlaceWidget(snapshot.data);
+                }
+                return CircularProgressIndicator();
+              },
+            ),
           )
         ],
       ),
     );
   }
 
+  GoogleMap buildGoogleMap(MapType mayType) {
+    return GoogleMap(
+      mapType: mayType,
+      initialCameraPosition: buildInitialCamera(),
+      zoomGesturesEnabled: true,
+      onMapCreated: (GoogleMapController controller) {
+        _controller.complete(controller);
+      },
+    );
+  }
+
   /*Set<Marker> buildMarkerSet(List<Office> offices) {
     Set<Marker> markers = Set<Marker>();
     for (var office in offices) {
@@ -91,4 +87,12 @@ class MapPage extends StatelessWidget {
       zoom: 14.4746,
     );
   }
+
+  void _createMapTypeListener(Stream<MapType> mayType) {
+    mayType.listen((value) {
+      if (_controller != null) {
+        // _controller
+      }
+    });
+  }
 }
diff --git a/lib/pages/map/place_widget.dart b/lib/pages/map/place_widget.dart
@@ -0,0 +1,32 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_app/pages/places/places_models.dart';
+
+class PlaceWidget extends StatelessWidget {
+  PlaceWidget(this.candidates);
+
+  final List<Candidate> candidates;
+
+  @override
+  Widget build(BuildContext context) {
+    return ListView.builder(
+      itemCount: candidates.length,
+      scrollDirection: Axis.horizontal,
+      shrinkWrap: true,
+      itemBuilder: (context, index) {
+        var item = candidates[index];
+        return SizedBox(
+          width: MediaQuery.of(context).size.width,
+          child: ListTile(
+            leading: CircleAvatar(
+              backgroundColor: Colors.red,
+              child: Text("P"),
+            ),
+            title: Text(item.name),
+            subtitle: Text(item.formatted_address),
+          ),
+        );
+      },
+    );
+    ;
+  }
+}