时间戳

首页 > 解决方案 > 如何在颤动的容器上显示随机图像

flutter - 如何在颤动的容器上显示随机图像

问题描述

我是 Flutter 的新手。我想在容器中添加随机图片如何从 assets() 添加随机图片？例如，当用户使用我的应用程序并刷新页面时，容器中的图片会自动更改。

标签： flutterflutter-appbar

解决方案

您应该列出所有资产文件，依此类推...

List<String> assets=['assets/file1.png','assets/file2.png'];

在您的构建函数调用assets.shuffle()中。这将以随机顺序重新排序资产文件，然后将变量图像路径设置为：-

String imagePath=assets[0];//now this will store a random image path ..

完整代码：-

class MyApp extends StatelessWidget {
List<String> assets=['assets/file1.png','assets/file2.png'];
String imagePath;
  @override
  Widget build(BuildContext context) {
    assets.shuffle();//shuffle over here
    imagePath=assets[0];//store random image over here
    return Container(
      child: Image.asset(imagePath),//show random image
    );
  }
}

您还可以在 statefull 小部件的 initState 中执行 shuffle 和其他任务。

推荐阅读