代码如下:
import 'package:carousel_slider/carousel_slider.dart';
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(
title: "111",
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
const HomePage({super.key});
@override
State<HomePage> createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
//图片列表
List<String> list = [
'https://p1.ssl.qhimg.com/t01683f3a068943c2e3.png',
'https://p1.ssl.qhimg.com/t01e9ee778759020ddb.png',
'https://p1.ssl.qhimg.com/t01f7dfb7391d1f1de2.jpg',
'https://p1.ssl.qhimg.com/t01aa65ca167724f2c9.jpg',
'https://p4.ssl.qhimg.com/t01345cf34a1807d669.png'
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("111"),
),
body: Column(
children: [
/* CarouselSlider(
options: CarouselOptions(height: 400.0),
items: [1, 2, 3, 4, 5].map((i) {
return Builder(
builder: (BuildContext context) {
return Container(
width: MediaQuery.of(context).size.width,
margin: const EdgeInsets.symmetric(horizontal: 5.0),
decoration: const BoxDecoration(color: Colors.amber),
child: Text(
'text $i',
style: const TextStyle(fontSize: 16.0),
));
},
);
}).toList(),
),*/
CarouselSlider(
options: CarouselOptions(
height: MediaQuery.of(context).size.height / 10,
viewportFraction: 1),
items: list.map((i) {
return Builder(
builder: (BuildContext context) {
return Container(
width: MediaQuery.of(context).size.width,
margin: const EdgeInsets.symmetric(horizontal: 20.0),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
color: Colors.amber,
image: DecorationImage(
image: NetworkImage(i), fit: BoxFit.cover),
),
);
},
);
}).toList(),
),
],
),
);
}
}
注释掉的是官方例子