carousel bug(add 5 gmb, muncul hanya 3)
unknown
plain_text
2 years ago
9.7 kB
11
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...