首页 > 解决方案 > 当点击同一页面中的容器时,我应该如何从列表中返回带有一些随机图像的容器?

问题描述

这是清单

//int randomIndex=Random().nextInt(hes.length);
  int randomIndex = Random().nextInt(hes.length);

List<HappyList> hes = [
  HappyList(
    name: 'somename',
    imageUrl: 'images/frozen2.png',
    url: 'someweblink',
  ),
  HappyList(
    name: 'somename1',
    imageUrl: 'images/adum.jpg',
    url: 'someweblink',
  ),

];

所以请帮助我每次点击容器时生成一个随机图像

标签: flutterflutter-layout

解决方案


将 Container 包裹在 aGestureDetector中,使用onTap方法

像这样

int index;

GestureDetector(
   child: Container(),
   onTap : (){
      setState(() => index = Random().nextInt(hes.length));
   },
);

推荐阅读