如何使用 StreamProvider 返回子集合？ [颤振，火力基地]

Question

我遵循了 TheNetNin​​ja 的 Flutter 和 Firebase 教程，但现在我正在尝试显示来自子集合的信息。

class Menu extends StatefulWidget {
  @override
  _MenuState createState() => _MenuState();
}

class _MenuState extends State<Menu> {
  @override
  Widget build(BuildContext context) {
    return StreamProvider<List<Food>>.value(
      initialData: [],
      value: DatabaseService().food,
      child: Scaffold(
        body: Container(
          padding: EdgeInsets.symmetric(horizontal: 10),
          width: double.infinity,
          color: Colors.grey,
          child: FoodList(),
        ),
      ),
    );
  }

^menu.dart

class FoodList extends StatefulWidget {
  @override
  _FoodListState createState() => _FoodListState();
}

class _FoodListState extends State<FoodList> {
  @override
  Widget build(BuildContext context) {
    final food = Provider.of<List<Food>>(context);
    return ListView.builder(
      itemCount: food.length,
      itemBuilder: (context, index) {
        return FoodTile(food: food[index]);
      },
    );
  }
}

^food_list.dart

class FoodTile extends StatelessWidget {
  final Food food;
  FoodTile({this.food});

  @override
  Widget build(BuildContext context) {
    return foodInfoCard(context, Icons.person_outline, 'Name', food.name);
  }

  Card foodInfoCard(
      BuildContext context, IconData icon, String title, String subtitle) {
    return Card(
      margin: EdgeInsets.fromLTRB(20, 6, 20, 0),
      child: ListTile(
        leading: Icon(icon),
        title: Text(title),
        subtitle: Text(subtitle),
      ),
    );
  }
}

^food_tile.dart

class DatabaseService {
  final String uid;
  DatabaseService({this.uid});

  final CollectionReference restaurantCollection =
      FirebaseFirestore.instance.collection('restaurant');
  List<Food> _foodListFromSS(QuerySnapshot snapshot) {
    return snapshot.docs.map((doc) {
      return Food(
        name: doc.data()['name'] ?? '',
        description: doc.data()['description'] ?? '',
        oriPrice: doc.data()['oriPrice'] ?? 0.0,
        salePrice: doc.data()['salePrice'] ?? 0.0,
        pax: doc.data()['pax'] ?? 0,
      );
    }).toList();
  }

  Stream<List<Food>> get food {
    return restaurantCollection
        .doc(uid)
        .collection('food')
        .snapshots()
        .map(_foodListFromSS);
  }
}

^database.dart

我一直在寻找解决方案，但其中大多数是流构建器而不是流提供者。我已经使用 streamproviders 完成了大部分工作，所以我想知道如何更改它。谁能帮我？ :'(

Answer 1

您需要将uid 提供给Menu 小部件中的DatabaseService 构造函数。

这个：

      value: DatabaseService().food,

应该改为：

      value: DatabaseService(uid).food,

此外，由于uid 是DatabaseService 的必需参数，您可以将其标记为@required，以便分析器显示传递该参数的提示。见下文：

class DatabaseService {
  final String uid;

  DatabaseService({@required this.uid}); //Added the @required annotation here

  ...
}