类“ String”没有实例方法“ map”

ajnabz 发表于 Dev

阿纳布兹

我正在使用抖动轮播代码，并尝试从Firebase添加图像。这是我的代码：

class FullscreenSliderDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFF030164),
      body: StreamBuilder(
        stream: FirebaseFirestore.instance.collection('quotes').snapshots(),
        builder: (context, snapshot) {
          if (!snapshot.hasData) return Text('Loading data... Please Wait');

          final double height = MediaQuery.of(context).size.height;
          return Container(
              height: 100.0,
              padding: const EdgeInsets.all(4.0),
              child: new ListView(
                  scrollDirection: Axis.horizontal,
                  children: snapshot.data.documents
                      .map<Widget>((DocumentSnapshot document) {
                    return CarouselSlider(
                        options: CarouselOptions(
                          height: height,
                          viewportFraction: 1.0,
                          enlargeCenterPage: false,
                        ),
                        items: (document.data()['img']).map(
                          (item) => Container(
                            child: Center(
                                child: Image.network(
                              item,
                              fit: BoxFit.cover,
                              height: height,
                            )),
                          ),
                        ).toList());
                  }).toList(),));
        },
      ),
    );
  }
}

我收到错误消息Class 'String' has no instance method 'map'.，但不确定如何解决。如果有人可以提供帮助，我将不胜感激！

弗兰克·范普菲伦

我认为您正在寻找这样的东西：

  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFF030164),
      body: StreamBuilder(
        stream: FirebaseFirestore.instance.collection('quotes').snapshots(),
        builder: (context, snapshot) {
          if (!snapshot.hasData) return Text('Loading data... Please Wait');

          final double height = MediaQuery.of(context).size.height;
          return CarouselSlider(
            options: CarouselOptions(
              height: height,
              viewportFraction: 1.0,
              enlargeCenterPage: false,
            ),
            items: snapshot.data.documents
              .map<Widget>((document) {
                return Container(
                  child: Center(
                    child: Image.network(
                      document.data()['img'],
                      fit: BoxFit.cover,
                      height: height,
                    )
                  ),
                ),
              ).toList()
            )
          )
        },
      ),
    );
  }

使用此功能CarouselSlider，所有文档/图像只有一个，而不是每个文档一个。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。