Flutter-Carousel ---fitting images

573 views
Skip to first unread message

Veysel Kaya

unread,
Jul 3, 2018, 3:34:45 AM7/3/18
to Flutter Dev



how can I provide full screen of pictures. for each device. how can I do it?





import 'package:flutter/material.dart';
import 'package:carousel_slider/carousel_slider.dart';

final List<String> imgList = [
];

class FourthFragment extends StatelessWidget {
CarouselSlider instance;

nextSlider() {
instance.nextPage(duration: new Duration(milliseconds: 300), curve: Curves.linear);
}

prevSlider() {
instance.previousPage(duration: new Duration(milliseconds: 800), curve: Curves.easeIn);
}

@override
Widget build(BuildContext context) {
instance = new CarouselSlider(
items: imgList.map((url) {
return new Container(
margin: new EdgeInsets.symmetric(horizontal: 5.0),
decoration: new BoxDecoration(
borderRadius: new BorderRadius.all(new Radius.circular(5.0)),
image: new DecorationImage(
image: new NetworkImage(url),
fit: BoxFit.cover
)
),
);
}).toList(),
viewportFraction: 0.9,
aspectRatio: 0.63,
);
// print(instance.nextPage());
return new Scaffold(
body: new ListView(
children: <Widget>[
new Padding(
padding: new EdgeInsets.symmetric(vertical: 10.0),
child: instance
),
new Row(
children: <Widget>[
new Expanded(
child: new RaisedButton(
onPressed: nextSlider,
child: new Text('next slider')
),
),
new Expanded(
child: new RaisedButton(
onPressed: prevSlider,
child: new Text(' prev slider')
)
)
],
),
],
)
);
}
}
Reply all
Reply to author
Forward
0 new messages