Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2026-07-12 20:13:06 +00:00
Code Issues Releases Wiki Activity

Add stub reviews to the place details sheet. (#22)

Browse Source 
* Add stub place reviews to the place details sheet. Offers a better demonstration of the map in a list view.
This commit is contained in:
Kenzie Schmoll
2018-11-01 13:15:12 -07:00
committed by GitHub
parent bfce2a44e9
commit 3ed537495a
3 changed files with 126 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
place_tracker/lib/place_details.dart
View File

@@ -4,12 +4,13 @@ import 'package:flutter/rendering.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'place.dart';
import 'stub_data.dart';
class PlaceDetails extends StatefulWidget {
const PlaceDetails({
Key key,
@required this.place,
@required this.onChanged,
Key key,
}) : assert(place != null),
assert(onChanged != null),
super(key: key);
@@ -38,10 +39,8 @@ class PlaceDetailsState extends State<PlaceDetails> {
}
void _onMapCreated(GoogleMapController controller) {
setState(() {
_mapController = controller;
_mapController.addMarker(MarkerOptions(position: _place.latLng));
});
_mapController = controller;
_mapController.addMarker(MarkerOptions(position: _place.latLng));
}
Widget _detailsBody() {
@@ -77,6 +76,7 @@ class PlaceDetailsState extends State<PlaceDetails> {
mapController: _mapController,
onMapCreated: _onMapCreated,
),
const _Reviews(),
],
);
}
@@ -111,10 +111,13 @@ class PlaceDetailsState extends State<PlaceDetails> {
}
class _NameTextField extends StatelessWidget {
_NameTextField({
const _NameTextField({
@required this.controller,
@required this.onChanged,
});
Key key,
}) : assert(controller != null),
assert(onChanged != null),
super(key: key);
final TextEditingController controller;
final ValueChanged<String> onChanged;
@@ -124,9 +127,9 @@ class _NameTextField extends StatelessWidget {
return Padding(
padding: const EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 16.0),
child: TextField(
decoration: InputDecoration(
decoration: const InputDecoration(
labelText: 'Name',
labelStyle: const TextStyle(fontSize: 18.0),
labelStyle: TextStyle(fontSize: 18.0),
),
style: const TextStyle(fontSize: 20.0, color: Colors.black87),
autocorrect: true,
@@ -140,10 +143,13 @@ class _NameTextField extends StatelessWidget {
}
class _DescriptionTextField extends StatelessWidget {
_DescriptionTextField({
const _DescriptionTextField({
@required this.controller,
@required this.onChanged,
});
Key key,
}) : assert(controller != null),
assert(onChanged != null),
super(key: key);
final TextEditingController controller;
final ValueChanged<String> onChanged;
@@ -153,9 +159,9 @@ class _DescriptionTextField extends StatelessWidget {
return Padding(
padding: const EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 16.0),
child: TextField(
decoration: InputDecoration(
decoration: const InputDecoration(
labelText: 'Description',
labelStyle: const TextStyle(fontSize: 18.0),
labelStyle: TextStyle(fontSize: 18.0),
),
style: const TextStyle(fontSize: 20.0, color: Colors.black87),
maxLines: null,
@@ -171,10 +177,11 @@ class _DescriptionTextField extends StatelessWidget {
class _StarBar extends StatelessWidget {
const _StarBar({
Key key,
@required this.rating,
@required this.onChanged,
}) : assert(rating != null && rating >= 0 && rating <= 5),
Key key,
}) : assert(rating != null && rating >= 0 && rating <= maxStars),
assert(onChanged != null),
super(key: key);
static const int maxStars = 5;
@@ -200,12 +207,14 @@ class _StarBar extends StatelessWidget {
}
class _Map extends StatelessWidget {
_Map({
Key key,
const _Map({
@required this.center,
@required this.mapController,
@required this.onMapCreated,
}) : assert(center != null);
Key key,
}) : assert(center != null),
assert(onMapCreated != null),
super(key: key);
final LatLng center;
final GoogleMapController mapController;
@@ -235,4 +244,91 @@ class _Map extends StatelessWidget {
),
);
}
}
}
class _Reviews extends StatelessWidget {
const _Reviews({
Key key,
}) : super(key: key);
Widget _buildSingleReview(String reviewText) {
return Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.symmetric(vertical: 10.0),
child: Row(
children: <Widget>[
Container(
width: 80.0,
height: 80.0,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(40.0),
border: Border.all(
width: 3.0,
color: Colors.grey,
),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: const <Widget>[
Text(
'5',
style: TextStyle(
fontSize: 24.0,
fontWeight: FontWeight.bold,
color: Colors.black87,
),
),
Icon(
Icons.star,
color: Colors.amber,
size: 36.0,
),
],
),
),
const SizedBox(width: 16.0),
Expanded(
child: Text(
reviewText,
style: const TextStyle(fontSize: 20.0, color: Colors.black87),
maxLines: null,
),
),
],
),
),
Divider(
height: 8.0,
color: Colors.grey[700],
),
],
);
}
@override
Widget build(BuildContext context) {
return Column(
children: <Widget>[
const Padding(
padding: EdgeInsets.fromLTRB(0.0, 12.0, 0.0, 8.0),
child: Align(
alignment: Alignment.topLeft,
child: Text(
'Reviews',
style: TextStyle(
fontSize: 24.0,
fontWeight: FontWeight.bold,
decoration: TextDecoration.underline,
color: Colors.black87,
),
),
),
),
Column(
children: StubData.reviewStrings.map((reviewText) => _buildSingleReview(reviewText)).toList(),
),
],
);
}
}