Question

所以我在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）。另外，如果可以在其旁边添加一小行大文本（图像示例中为“ LARGE”），那将是很好的。与往常一样，简单的解决方案对我而言始终是最艰难的。最有效的方法是什么？

Answer 1

如果在尾随中添加具有ontap功能的任何小部件，就可以做到。

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

Answer 2

您可以通过在ListTile中拖尾属性来添加图标，如果您需要像我建议不使用ListTile的图像一样样式，则应使用行和列进行设计

Container(
          child: ListTile(
            title: Text("Title"),
            subtitle:Text("Categories"),
            trailing: GestureDetector(onTap: (){
              ///do something heres
            
            },child: Container(height:30,width:50,color:Colors.amber,child: Icon(Icons.add))),
          ),
        ),

在Flutter中将图像添加到ListTile

2 个答案: