flutter做走马灯效果
2020-07-22 本文已影响0人
zZ_d205
// 走马灯效果
final list = [
'11111',
'3月1日王女士（卡号5346）成功借款10000',
'4月3日李女士（卡号3232）成功借款30000',
'2月6日王先生（卡号4432）成功借款10000',
'4月2日刘女士（卡号8908）成功借款50000',
'1月1日张女士（卡号0894）成功借款100000',
'10月1日陈先生（卡号7233）成功借款80000',
'9月1日吴女士（卡号7298）成功借款10000',
];
Widget _marqueeSwiper() {
return Container(
width:ScreenUtil().setWidth(430),
// alignment: Alignment.center,
child:Swiper(
itemCount:list.length,
scrollDirection: Axis.vertical,
loop:true,
autoplay:true,
itemBuilder: (BuildContext context, int index) {
return InkWell(
onTap: (){
},
child:Container(
alignment: Alignment.centerLeft,
child:Text(
list[index],
style:TextStyle(
fontSize:ScreenUtil().setSp(28),
color: KColor.hotDotTextColor,
),
maxLines:1,
overflow: TextOverflow.ellipsis,
),
)
);
},
),
);
}
