Итак, у меня есть 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),

Я хотел бы добавить изображение (со значком заполнителя на нем) в маленьком квадрате (внутри контейнера?) В ListTile, который имеет onTapped (который будет вызывать getImage из средства выбора изображений). Также было бы замечательно, если бы можно было добавить рядом с ним небольшую строку большого текста («БОЛЬШОЙ» в примере изображения). Как всегда, простые решения всегда оказываются для меня самыми сложными. Как сделать это наиболее эффективно?

example image

0
arbiter 10 Ноя 2020 в 09:46

2 ответа

Лучший ответ

Вы можете добавить значок, завершив свойство в ListTile, если вы хотите, чтобы вам нужно было стилизовать, как изображение, я предлагаю не использовать ListTile, вы должны использовать Row и Column

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))),
          ),
        ),
0
Assassin 10 Ноя 2020 в 07:21

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

         ListTile(
            trailing: InkWell(
            onTap: (){},
            child: Container(
            child: Image(),
          ),
        )
         )
1
hasan karaman 10 Ноя 2020 в 07:21