I am getting this error and I don't know why, type 'Null' is not a subtype of type 'String' The relevant error-causing widget was StreamBuilder<QuerySnapshot<Object?>>
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:market_app/data/Models/single_product_class.dart';
import 'package:market_app/persentation/menu_screens/add_windows_screen.dart';
class WindowsScreen extends StatefulWidget {
const WindowsScreen({Key? key}) : super(key: key);
@override
State<WindowsScreen> createState() => _WindowsScreenState();
}
class _WindowsScreenState extends State<WindowsScreen> {
CollectionReference windowsCollection =
FirebaseFirestore.instance.collection("Products");
List<Product> window = [];
// WindowsProvider().windows;
@override
Widget build(BuildContext context) {
return Scaffold(
floatingActionButton: FloatingActionButton(
onPressed: () {
Navigator.of(context).push(MaterialPageRoute(
builder: (contextt) => const AddWindowsScreen()));
},
child: const Icon(Icons.add),
backgroundColor: Colors.blueAccent,
),
body: StreamBuilder<QuerySnapshot>(
stream: windowsCollection.snapshots(),
builder: (context, snapshot) {
for (var document in snapshot.data!.docs) {
Map<String, dynamic> productFromFStore =
document.data()! as Map<String, dynamic>;
window.add(Product.fromJson(productFromFStore));
// window.last.id = document.id;
}
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(
child: CircularProgressIndicator(),
);
} else if (snapshot.connectionState == ConnectionState.done &&
snapshot.data == null) {
return const Center(
child: Text(" no data to be showen "),
);
} else if (snapshot.hasError) {
return const Text('Something went wrong');
}
return GridView.builder(
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2),
itemBuilder: (context, i) => GridTile(
header: ListTile(
leading: IconButton(
icon: const Icon(Icons.favorite),
onPressed: () {},
),
trailing: IconButton(
icon: const Icon(Icons.shopping_cart_outlined),
onPressed: () {},
),
),
child: Image.network(window[i].imageUrl,
fit: BoxFit.cover),
// footer: Row(
// children: [
// Text(windows[i].name),
// const Spacer(
// flex: 1,
// ),s
// // Text(windows[i].price)
// ],
// ),
),
itemCount: snapshot.data?.docs.length,
);
}),
);
}
}
This is product model:
import 'package:cloud_firestore/cloud_firestore.dart';
class Product {
final String name;
final String description;
late String id;
final double price;
final int amount;
final String imageUrl;
Product(
{required this.name,
required this.description,
required this.price,
required this.amount,
required this.imageUrl,
id});
factory Product.fromJson(Map<String, dynamic> data) {
return Product(
name: data["name"] ,
description: data["description"],
price: double.parse(data["price"]),
amount: int.parse(data["amount"]),
imageUrl: data["imageUrl"],
id: data["id"],
);
}
factory Product.fromSnapshot(DocumentSnapshot snap) {
Map<String, dynamic> data = snap.data()! as Map<String, dynamic>;
return Product(
name: data["name"],
amount: int.parse(data["amount"]),
description: data["description"],
imageUrl: data["imageUrl"],
price: double.parse(data["price"]),
id: data["id"],
);
}
Map<String, dynamic> toMap(Product product) {
return {
"name": name,
"description": description,
"price": price,
"amount": amount,
"imageUrl": imageUrl,
"id": id,
};
}
}
I have tried other ways to get the data like // child: Image. network( snapshot.data!.docs[index].data().toString()) but I have got only String, still, I don't know how to fix it, so I need some help