Flutter StreamProvider<List<DogModel>> 无法赋值

Question

我收到以下错误The argument type 'StreamProvider<List<DogModel>>' can't be assigned to the parameter type 'Stream<List<DogModel>>?'

当我尝试设置流stream: stream,时发生了意外

这里是小部件状态的流

final stream = StreamProvider<List<DogModel>>(
create: (context) =>
    DogFirestoreService().getDogs('GeVnAbdq9BWs1STbytlAU65qkbc2'),
initialData: const [],

);

小部件构建

Widget build(BuildContext context) {
//final test = context.watch<List<DogModel>>();
//print(test);
return SizedBox(
  width: MediaQuery.of(context).size.width,
  child: StreamBuilder<List<DogModel>>(
    stream: stream,
    builder: (context, snapshot) {
      if (!snapshot.hasData) {
        return const Text('no data');
      }

      if (snapshot.hasError) {
        return const Text('error');
      }

      if (snapshot.hasData) {
        return SizedBox(
          width: double.infinity,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Padding(
                padding: const EdgeInsets.only(
                  top: 65.0,
                  left: 18.0,
                  right: 18.0,
                ),
                child: Text(
                  dogsCount(value.dogsList.length),
                  style: AppStyles.listsHeaderTextStyle,
                ),
              ),
              ListView.builder(
                padding: const EdgeInsets.only(
                  top: 5,
                  bottom: 20,
                  left: 15,
                  right: 15,
                ),
                shrinkWrap: true,
                physics: const NeverScrollableScrollPhysics(),
                itemCount: value.dogsList.length,
                itemBuilder: (context, index) => DogProfileCardWidget(
                  dogInfo: value.dogsList[index],
                  editProfile: openProfileScreen,
                  dogIndex: index,
                ),
              ),
            ],
          ),
        );
      }
      return const Text('data');
    },
  ),
);

} }

Answer 1

您的问题是stream 变量是StreamProvider。

StreamProviders 不是Streams，它们是Widgets。所以StreamBuilder 不明白它是什么。

相反，您可能想要这样做：

class Example extends StatefulWidget {
  const Example({Key? key}) : super(key: key);

  @override
  _ExampleState createState() => _ExampleState();
}

class _ExampleState extends State<Example> {
  // The stream needs to be stored in a StatefulWidfet
  // as you shouldn't create a new stream when the widget rebuild
  final stream = DogFirestoreService().getDogs('GeVnAbdq9BWs1STbytlAU65qkbc2');

  @override
  Widget build(BuildContext context) {
    return StreamBuilder<List<Dog>>(
      stream: stream,
      builder: ...,
    );
  }
}

Answer 2

您不需要StreamBuilder，因为您使用的是StreamProvider。此外，在您的代码中将StreamProvider 放在哪里并不明显。顺便说一句，它是一个小部件，因此它应该位于示例中所示的小部件树之上。我看到你将它分配给final stream = ...，但我不知道为什么，因为它没有返回流。

StreamProvider 将订阅您提供的流（即DogFirestoreService().getDogs('...')），一旦数据到达，它将在树的下方提供给您（最初，它将提供initialData）。

我在 DartPad 上做了一个简单的例子，你可以在这里查看： Stream Provider Example.

一旦您将 StreamProvider 小部件放在感兴趣的小部件上方，然后在您的 build 方法中，您就可以像这样直接访问数据：

final data = context.watch<List<DogModel>>();

在第一个构建中，您将获得您提供给StreamProvider 的initialData，这是一个空列表。所以你可以这样做：

@override 
build(BuildContext context) {
  final data = context.watch<List<DogModel>>();
  if (data.isEmpty) {
     return const Text('no data');
  } 
  
  return SizedBox(/* the rest of your code */);
}