Чтобы создать слайдер изображений во Flutter, существует несколько способов. Вот несколько примеров кода:
-
Использование пакета
CarouselSlider:import 'package:carousel_slider/carousel_slider.dart'; import 'package:flutter/material.dart'; class ImageSlider extends StatelessWidget { final List<String> imageUrls = [ 'url1', 'url2', 'url3', // Add more image URLs as needed ]; @override Widget build(BuildContext context) { return CarouselSlider( options: CarouselOptions( height: 200, autoPlay: true, enlargeCenterPage: true, ), items: imageUrls.map((url) { return Builder( builder: (BuildContext context) { return Container( width: MediaQuery.of(context).size.width, margin: EdgeInsets.symmetric(horizontal: 5.0), child: Image.network( url, fit: BoxFit.cover, ), ); }, ); }).toList(), ); } } -
Использование виджета
PageView:import 'package:flutter/material.dart'; class ImageSlider extends StatelessWidget { final List<String> imageUrls = [ 'url1', 'url2', 'url3', // Add more image URLs as needed ]; @override Widget build(BuildContext context) { return PageView.builder( itemCount: imageUrls.length, itemBuilder: (BuildContext context, int index) { return Image.network( imageUrls[index], fit: BoxFit.cover, ); }, ); } } -
Использование пакета
ImageCarousel:import 'package:flutter/material.dart'; import 'package:image_carousel/image_carousel.dart'; class ImageSlider extends StatelessWidget { final List<String> imageUrls = [ 'url1', 'url2', 'url3', // Add more image URLs as needed ]; @override Widget build(BuildContext context) { return ImageCarousel( imageList: imageUrls, height: 200, initialPage: 0, autoPlay: true, indicatorBgPadding: 8.0, boxFit: BoxFit.cover, ); } }
Это всего лишь несколько примеров реализации слайдеров изображений во Flutter. Каждый метод имеет свой собственный пакет и синтаксис, поэтому вы можете выбрать тот, который лучше всего соответствует вашим требованиям.