Flutter 在颤振中使用滑块的脱机图像

晚上好

我使用了这个滑块图像的示例，它工作正常，但我没有什么问题，我想在这个代码上使用我的本地图像，但是当项目运行时，它显示为蓝色矩形，我如何在这个滑块上使用我的本地图像？ 非常感谢。 代码如下：

    class CarouselDemo extends StatefulWidget {
    CarouselDemo() : super();

     final String title = "Carousel Demo";

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

    class CarouselDemoState extends State<CarouselDemo> {

    CarouselSlider carouselSlider;
    int _current = 0;
     List imgList = [
    new AssetImage('images/main-slider/1.jpg'),
    new AssetImage('images/main-slider/2.jpg'),
    new AssetImage('images/main-slider/3.jpg'),
    new AssetImage('images/main-slider/4.jpg'),
    ];


     @override
     Widget build(BuildContext context) {
       return Scaffold(
      body: Container(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            carouselSlider = CarouselSlider(
              height: 400.0,
              initialPage: 0,
                                onPageChanged: (index) {
                setState(() {
                  _current = index;
                });
              },
              items: imgList.map((imgUrl) {
                return Builder(
                  builder: (BuildContext context) {
                    return Container(
                      width: MediaQuery.of(context).size.width,
                      margin: EdgeInsets.symmetric(horizontal: 10.0),
                      decoration: BoxDecoration(
                        color: Colors.green,
                      ),
                      child: Image.network(
                        imgUrl,
                        fit: BoxFit.fill,
                      ),
                    );
                  },
                );
              }).toList(),
            ),
        ),
      ),
    );
  }

类CarouselDemo扩展StatefulWidget{
CarouselDemo（）：super（）；
最终字符串title=“旋转木马演示”；
@凌驾
CarouselDemoState createState（）=>CarouselDemoState（）；
}
类CarouselDemoState扩展了状态{
旋转滑翔机；
int _电流=0；
列表imgList=[
新的AssetImage（'images/main slider/1.jpg'），
新的AssetImage（'images/main slider/2.jpg'），
新的AssetImage（'images/main slider/3.jpg'），
新的AssetImage（'images/main slider/4.jpg'），
];
@凌驾
小部件构建（构建上下文）{
返回脚手架(
主体：容器(
子：列(
mainAxisAlignment:mainAxisAlignment.center，
crossAxisAlignment:crossAxisAlignment.center，
儿童：[
转盘滑翔机=转盘滑翔机(
高度：400.0，
初始页：0，
onPageChanged:（索引）{
设置状态（）{
_电流=指数；
});
},
项目：imgList.map（（imgUrl）{
返回生成器(
生成器：（BuildContext上下文）{
返回容器(
宽度：MediaQuery.of（context）.size.width，
边缘：边缘组。对称（水平：10.0），
装饰：盒子装饰(
颜色：颜色。绿色，
),
孩子：Image.network(
伊姆古尔，
fit:BoxFit.fill，
),
);
},
);
}).toList（），
),
),
),
);
}

问题在于

imgList

是一个

列表

，但您正试图使用Image.network显示图像

Image.network创建一个小部件，显示从 网络

您需要的是创建一个

列表

，其中字符串将是相对于

pubspec.yaml

文件的路径。也不要使用Image.Network，您应该使用Image.assest，因为您要创建一个小部件，显示从资产包获得的[ImageStream]

class CarouselDemo extends StatefulWidget {
  CarouselDemo() : super();

  final String title = "Carousel Demo";

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

class CarouselDemoState extends State<CarouselDemo> {
  CarouselSlider carouselSlider;
  int _current = 0;
  List imgList = [
    'images/main-slider/1.jpg',
    'images/main-slider/2.jpg',
    'images/main-slider/3.jpg',
    'images/main-slider/4.jpg'
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            carouselSlider = CarouselSlider(
              height: 400.0,
              initialPage: 0,
              onPageChanged: (index) {
                setState(() {
                  _current = index;
                });
              },
              items: imgList.map((imgUrl) {
                return Builder(
                  builder: (BuildContext context) {
                    return Container(
                      width: MediaQuery.of(context).size.width,
                      margin: EdgeInsets.symmetric(horizontal: 10.0),
                      decoration: BoxDecoration(
                        color: Colors.green,
                      ),
                      child: Image.asset(
                        imgUrl,
                        fit: BoxFit.fill,
                      ),
                    );
                  },
                );
              }).toList(),
            ),
          ],
        ),
      ),
    );
  }
}

类CarouselDemo扩展StatefulWidget{
CarouselDemo（）：super（）；
最终字符串title=“旋转木马演示”；
@凌驾
CarouselDemoState createState（）=>CarouselDemoState（）；
}
类CarouselDemoState扩展了状态{
旋转滑翔机；
int _电流=0；
列表imgList=[
'images/main slider/1.jpg'，
'images/main slider/2.jpg'，
'images/main slider/3.jpg'，
'images/main slider/4.jpg'
];
@凌驾
小部件构建（构建上下文）{
返回脚手架(
主体：容器(
子：列(
mainAxisAlignment:mainAxisAlignment.center，
crossAxisAlignment:crossAxisAlignment.center，
儿童：[
转盘滑翔机=转盘滑翔机(
高度：400.0，
初始页：0，
onPageChanged:（索引）{
设置状态（）{
_电流=指数；
});
},
项目：imgList.map（（imgUrl）{
返回生成器(
生成器：（BuildContext上下文）{
返回容器(
宽度：MediaQuery.of（context）.size.width，
边缘：边缘组。对称（水平：10.0），
装饰：盒子装饰(
颜色：颜色。绿色，
),
子：Image.asset(
伊姆古尔，
fit:BoxFit.fill，
),
);
},
);
}).toList（），
),
],
),
),
);
}
}

Hi@Mehrdad Hosseini，根据我的回答，我假设您知道如何添加资产和图像，如果不知道，请阅读此内容