carousel bug(add 5 gmb, muncul hanya 3)
unknown
plain_text
2 years ago
9.7 kB
14
Indexable
import 'package:flutter/material.dart';
import 'package:carousel_slider/carousel_slider.dart';
class DuaPage extends StatefulWidget {
const DuaPage({super.key});
@override
State<DuaPage> createState() => _DuaPageState();
}
class _DuaPageState extends State<DuaPage> {
int _current = 0;
final CarouselController _controller = CarouselController();
final List<String> imgList = [
// AssetImage('assets/capture.png'),
// 'assets/capture.png'
'assets/coffee.PNG',
'assets/coffee.PNG',
'assets/coffee.PNG',
'assets/coffee.PNG',
'assets/coffee.PNG',
// 'https://images.unsplash.com/photo-1520342868574-5fa3804e551c?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=6ff92caffcdd63681a35134a6770ed3b&auto=format&fit=crop&w=1951&q=80',
// 'https://images.unsplash.com/photo-1522205408450-add114ad53fe?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=368f45b0888aeb0b7b08e3a1084d3ede&auto=format&fit=crop&w=1950&q=80',
// 'https://images.unsplash.com/photo-1519125323398-675f0ddb6308?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=94a1e718d89ca60a6337a6008341ca50&auto=format&fit=crop&w=1950&q=80',
// 'https://images.unsplash.com/photo-1523205771623-e0faa4d2813d?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=89719a0d55dd05e2deae4120227e6efc&auto=format&fit=crop&w=1953&q=80',
// 'https://images.unsplash.com/photo-1508704019882-f9cf40e475b4?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=8c6e5e3aba713b17aa1fe71ab4f0ae5b&auto=format&fit=crop&w=1352&q=80',
// 'https://images.unsplash.com/photo-1519985176271-adb1088fa94c?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=a0c8d632e977f94e5d312d9893258f59&auto=format&fit=crop&w=1355&q=80'
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
elevation: 0,
leading: GestureDetector(
onTap: () {
Navigator.pushNamed(context, '/satu');
},
child: Icon(
Icons.close,
color: Colors.black,
),
),
title: Text('kode unik hlmn 2'),
backgroundColor: Color(0xfffdf8ea),
),
body: SingleChildScrollView(
child: Padding(
padding: EdgeInsets.all(10),
child: Column(
children: [
Container(
height: 500,
width: MediaQuery.of(context).size.width,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
color: (Colors.brown[200])!,
width: 2,
),
),
child: Column(
children: [
CarouselSlider(
items: imgList
.map((item) => Container(
margin: EdgeInsets.all(5.0),
child: ClipRRect(
borderRadius:
BorderRadius.all(Radius.circular(5.0)),
child: Stack(
children: <Widget>[
//Image untuk carousel
Image.asset(
item,
fit: BoxFit.cover,
width: 1000.0,
height:
MediaQuery.of(context).size.height,
),
Positioned(
bottom: 0.0,
left: 0.0,
right: 0.0,
child: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
Color.fromARGB(200, 0, 0, 0),
Color.fromARGB(0, 0, 0, 0)
],
begin: Alignment.bottomCenter,
end: Alignment.topCenter,
),
),
padding: EdgeInsets.symmetric(
vertical: 10.0, horizontal: 20.0),
//untuk keterangan di atas gambar carousel
child: Text(
'No. ${imgList.indexOf(item)} image',
style: TextStyle(
color: Colors.white,
fontSize: 20.0,
fontWeight: FontWeight.bold,
),
),
),
),
],
),
),
))
.toList(),
options: CarouselOptions(
height: 400,
autoPlay: false,
aspectRatio: 16 / 9,
viewportFraction: 1,
onPageChanged: (index, CarouselPageChangedReason) {
setState(() {
_current = index;
});
}),
),
SizedBox(height: 10),
//text untuk kata kata dibawah carousel
Text(
'Dapatkan Hadiah langsung dengan submit kode unik!',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Color(0xff70421e),
),
textAlign: TextAlign.center,
),
Text(
'Masukkan kode unik yang tertera pada kemasan dan menangkan \nhadiah langsung Pulsa, Logam Mulia hingga Iphone 14',
style: TextStyle(
fontSize: 15,
color: Color(0xff70421e),
),
textAlign: TextAlign.center,
),
SizedBox(height: 10),
],
),
),
SizedBox(height: 30),
//Column untuk kode unik
Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Container(
height: 60,
width: MediaQuery.of(context).size.width,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
color: Color(0xff70421e),
width: 3,
),
),
//untuk nomer kode untik
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Text(
'2307',
style: TextStyle(fontSize: 20),
),
Text(
'2603',
style: TextStyle(fontSize: 20),
),
Text(
'1728',
style: TextStyle(fontSize: 20),
),
Text(
'2088',
style: TextStyle(fontSize: 20),
),
],
),
),
SizedBox(height: 30),
//button
Container(
width: MediaQuery.of(context).size.width,
child: TextButton(
style: TextButton.styleFrom(
backgroundColor: Color(0xff70421e),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
onPressed: () {
Navigator.pushNamed(context, '/tiga');
},
child: Text(
'Kirim ',
style: TextStyle(
fontSize: 20,
color: Colors.white,
),
),
),
),
],
),
],
),
),
),
backgroundColor: Color(0xfffdf8ea), //untuk warna background body aplikasi
);
}
}
Editor is loading...