请解决这个问题.... "type 'Image' is not a subtype of type 'String"

Question

import 'package:e_comaece/widget/back_layer.dart';
    import 'package:flutter/material.dart';
    import 'package:backdrop/backdrop.dart';
    import 'package:carousel_pro_nullsafety/carousel_pro_nullsafety.dart';
    import 'package:flutter_swiper_null_safety/flutter_swiper_null_safety.dart';
    
    class Home extends StatefulWidget {
      static const routeName = "/home";
    
      const Home({Key? key}) : super(key: key);
    
      @override
      State<Home> createState() => _HomeState();
    }
    
    class _HomeState extends State<Home> {
      final List<Widget> _CarouselImage = [
        Image.asset('images/caro1.png'),
        Image.asset('images/caro2.png'),
        Image.asset('images/caro3.png'),
        Image.asset('images/caro4.png'),
      ];
    
      final List _swipImage = [
        Image.asset('images/addidas.jpeg'),
        Image.asset('images/apple.jpeg'),
        Image.asset('images/Dell.jpeg'),
        Image.asset('images/h&m.jpeg'),
        Image.asset('images/Huawei.jpeg'),
        Image.asset('images/nike.jpeg'),
        Image.asset('images/samsung.jpeg'),
      ];
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: BackdropScaffold(
            headerHeight: MediaQuery.of(context).size.height * 0.1,
            appBar: BackdropAppBar(
              title: const Text(
                'EasyBuy',
                style: TextStyle(
                    fontSize: 20, fontStyle: FontStyle.italic, color: Colors.white),
              ),
              leading: BackdropToggleButton(
                icon: AnimatedIcons.home_menu,
              ),
              actions: [
                IconButton(
                  onPressed: () {},
                  icon: CircleAvatar(
                    radius: 14,
                    backgroundImage: NetworkImage(
                        "https://cdn1.vectorstock.com/i/1000x1000/43/20/bearded-man-s-face-hipster-character-fashion-vector-18884320.jpg"),
                  ),
                )
              ],
            ),
            backLayer: const BackLayer(),
            frontLayer: ListView(
              children: [
                Container(
                    width: double.infinity,
                    height: 150,
                    child: Carousel(
                      images: _CarouselImage,
                      autoplay: true,
                      animationDuration: Duration(milliseconds: 5),
                      animationCurve: Curves.fastOutSlowIn,
                      indicatorBgPadding: 4,
                      dotSize: 5,
                      boxFit: BoxFit.fill,
                    )),
                const SizedBox(
                  height: 5,
                ),
                Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 8.0),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(
                        'Popular Brands',
                        style: TextStyle(fontSize: 20, fontWeight: FontWeight.w600),
                      ),
                      TextButton(
                        onPressed: () {},
                        child: const Text('view all',
                            style: TextStyle(fontWeight: FontWeight.w400)),
                      )
                    ],
                  ),
                ),
                const SizedBox(
                  height: 10,
                ),
//type 'Image' is not a subtype of type 'String'
                Container(
                    height: 150,
                    width: double.infinity,
                    child: Swiper(
                      itemCount: _swipImage.length,
                      itemBuilder: (ctx, int i) {
                        return Container(
                          decoration: BoxDecoration(
                            border: Border.all(width: 2, color: Colors.grey),
                            borderRadius: BorderRadius.circular(12.0),
                          ),
                          child: Image.asset(_swipImage[i]),
                        );
                      },
                    ))
              ],
            ),
          ),
        );
      }
    }

Answer 1

我假设这是你的代码。

Container(
  child: Swiper(
           itemBuilder: (ctx, init i) {
             return Container(
                      child: Image.asset(_swipImage[i])
                    )
           }

您的代码在最后一行使用了两个 Image.asset。

 child: Image.asset(Image.asset('images/addidas.jpeg'))

改成这样：

Container(
  child: Swiper(
           itemBuilder: (ctx, init i) {
             return Container(
                      child: _swipImage[i],
                    )
           }

Answer 2

报错信息其实相当self-explanatory。您的代码期望 _swipImage[i] 是字符串列表 List<String>，而不是图像资产列表 List<AssetImage>。

更改此代码：

final List<Widget> _CarouselImage = [
    Image.asset('images/caro1.png'),
    Image.asset('images/caro2.png'),
    Image.asset('images/caro3.png'),
    Image.asset('images/caro4.png'),
  ];

  final List _swipImage = [
    Image.asset('images/addidas.jpeg'),
    Image.asset('images/apple.jpeg'),
    Image.asset('images/Dell.jpeg'),
    Image.asset('images/h&m.jpeg'),
    Image.asset('images/Huawei.jpeg'),
    Image.asset('images/nike.jpeg'),
    Image.asset('images/samsung.jpeg'),
  ];

放入字符串列表，如下所示：

  final List<String> _CarouselImage = [
    'images/caro1.png',
    'images/caro2.png',
    ]

请解决这个问题.... "type 'Image' is not a subtype of type 'String"

Please Solve this problem .... "type 'Image' is not a subtype of type 'String"

flutter

dart

dart-null-safety