我想創建一個約會日歷。我想以滑塊的形式向右滑動來顯示日子。我想把這些天作為一個串列，并按順序顯示在螢屏上。但正如我在螢屏截圖中指出的那樣，它總是顯示相同的日期和數字。你能幫忙嗎？我在哪里錯過了什么。
這像
Swiper imageSlider(context) {
var weekDays = {'19':'Monday','20':'Tuesday','21':'Wednesday','22':'Thursday','23':'Friday'};
List keys = weekDays.keys.toList();
List values = weekDays.values.toList();
int _index = 0;
return new Swiper(
viewportFraction: 0.2,
autoplay: false,
onIndexChanged: (value) {
_index = value;
},
itemBuilder: (BuildContext context, int index) {
return Container(
child: Column(
children: [
Container(
height: 30,
color: Colors.blue,
),
Text('$_index'),
Text(values[1])
],
),
);
},
itemCount: 10);
}
截屏：
模擬器上的截圖
uj5u.com熱心網友回復：
在viewportFraction已經處理除法部分的同時，使用itemBuilder's index，
return Swiper(
viewportFraction: .2,
autoplay: false,
onIndexChanged: (value) {
_index = value;
},
itemBuilder: (BuildContext context, int index) { //use this index
return Column(
children: [
Container(
width: 40,
height: 40,
color: Colors.blue,
),
Text('${index}'), //here
Text(values[index]) // and here
],
);
},
itemCount: weekDays.length,
);
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/524562.html
標籤：扑镖滑块扑刷