首页 > 解决方案 > 在 Flutter 中将图像添加到 ListTile

问题描述

所以我在 Flutter 中有这个 ListView,里面有 ListTile:

return ListView.separated(
          itemBuilder: (BuildContext context, int index) {
            print("nameList: $nameList");

            Name name = nameList[index];
           
            return Container(
              color: Colors.white60,
              
              child: ListTile(
                 
                  title: Text(name.name, style: TextStyle(fontSize: 30)),
                  subtitle: Text(
                    "Calories: ${name.age}\nProfession: ${name.profession}",
                   
                    style: TextStyle(fontSize: 20),

我想做的是在一个小正方形(在容器内?)中添加一个图像(上面有一个占位符图标)到具有 onTapped 的 ListTile (它将从 Image Picker 调用 getImage)。此外,如果可以在其旁边添加一小行大文本(图像示例中的“大”),那就太好了。与往常一样,简单的解决方案对我来说总是最难的。最有效的方法是什么?

示例图像

标签: flutterdart

解决方案


如果您在尾随中添加任何具有 ontap 功能的小部件,您可以这样做。

         ListTile(
            trailing: InkWell(
            onTap: (){},
            child: Container(
            child: Image(),
          ),
        )
         )

推荐阅读