Codelab

[Eyyüp A]

Hey Com,

i try to code in following the codelab but I get a error:

but the Code is copied from the codelab and should work. 

What can I do?

The link to the Codelab: Codelab

My full Code:

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

final dummySnapshot = [
{"name": "Filip", "votes": 15},
{"name": "Abraham", "votes": 14},
{"name": "Richard", "votes": 11},
{"name": "Ike", "votes": 10},
{"name": "Justin", "votes": 1},
];

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Baby Names',
home: MyHomePage(),
);
}
}

class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() {
return _MyHomePageState();
}
}

class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Baby Name Votes')),
body: _buildBody(context),
);
}

Widget _buildBody(BuildContext context) {
// TODO: get actual snapshot from Cloud Firestore
return _buildList(context, dummySnapshot);
}

Widget _buildList(BuildContext context, List<Map> snapshot) {
return ListView(
padding: const EdgeInsets.only(top: 20.0),
children: snapshot.map((data) => _buildListItem(context, data)).toList(),
);
}

Widget _buildListItem(BuildContext context, Map data) {
final record = Record.fromMap(data);

return Padding(
key: ValueKey(record.name),
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
child: Container(
decoration: BoxDecoration(
border: Border.all(color: Colors.grey),
borderRadius: BorderRadius.circular(5.0),
),
child: ListTile(
title: Text(record.name),
trailing: Text(record.votes.toString()),
onTap: () => print(record),
),
),
);
}
}

class Record {
final String name;
final int votes;
final DocumentReference reference;

Record.fromMap(Map<String, dynamic> map, {this.reference})
: assert(map['name'] != null),
assert(map['votes'] != null),
name = map['name'],
votes = map['votes'];

Record.fromSnapshot(DocumentSnapshot snapshot)
: this.fromMap(snapshot.data, reference: snapshot.reference);

@override
String toString() => "Record<$name:$votes>";
}

[Suzuki Tomohiro]

What does the error say?

--
You received this message because you are subscribed to the Google Groups "Flutter Development (flutter-dev)" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/d779f2d0-a75e-4cb7-928d-7cb7063cb087n%40googlegroups.com.

[Eyyüp A]

The Error is:

[Suzuki Tomohiro]

I remember that “snapshot.data” has recently changed from a field to a method. Can you try adding “()”?

Record.fromSnapshot(DocumentSnapshot snapshot)
: this.fromMap(snapshot.data(), reference: snapshot.reference);

To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/e93adfea-b79c-4c0f-9112-71da933f88ben%40googlegroups.com.

[Eyyüp A]

Now it works, but now I get another error:

[Suzuki Tomohiro]

From the error message (”on Chrome”), I see you’re not choosing iPhone or Android. Use iPhone or Android to run the codelab.

To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/c81eefc6-963a-44ea-86a5-3306c1f4cbadn%40googlegroups.com.

[Eyyüp A]

Yes! ON my mobile it works, but why it does not work in the browser?

[Manish Vlog]

 I hope this video is helpful :

https://www.youtube.com/watch?v=WfJ_IyeRBv8&feature=emb_logo

To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/b335a960-fb94-4583-b5d9-d39eff64e347n%40googlegroups.com.

[Eyyüp A]

Sorry but i do not understand how this video should help me?

[Suzuki Tomohiro]

> why it does not work in the browser?

It’s because browser is different from Android/iOS. Browser (flutter web) requires a special setup.

To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/64e0caba-e195-464e-a7cc-17ce41ab298dn%40googlegroups.com.