当我在同一个页面中点击一个容器时，我应该如何从列表中返回一些随机图像的容器？

Question

这里是列表

//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',
  ),

];

所以，请帮助我生成一个随机的图像，每次当我点击的容器，它应该返回一个容器与一些随机的图像从列表中，当点击容器在同一页面

Answer 1

将容器包装在一个 GestureDetector，使用 onTap 办法

像这样

int index;

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