Блог

Итак, у меня есть этот ListView в Flutter с 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 (что вызовет getImage из средства выбора изображений). Кроме того, было бы здорово, если бы рядом с ним можно было добавить небольшую строку большого текста («БОЛЬШОЙ» в примере изображения). Как всегда, простые решения всегда самые сложные для меня. Какой способ сделать это наиболее эффективно?

Если вы добавите любой виджет с функцией ontap в конце, вы можете это сделать.

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

Вы можете добавить значок, завершив свойство в 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))),
          ),
        ),