it-swarm.dev

ListTile에서 주요 이미지 오버플로

ListView이있는 ListTile이 있습니다. 각 ListTile에는 titleText, subtitleTextleadingImage이 있습니다.

이제 이미지가 너무 커서 다음 행으로 세로로 늘어나 이미지가 겹칩니다.

이미지가 범위 내에 있는지 확인하려면 어떻게해야합니까?

편집하다:

이미지에 고정 크기를 부여하고 싶지 않고 제목 + 자막의 고유 높이에 따라 목록 타일의 높이에 맞게 조정하십시오.

5
user3612643

내 코드와 자막과 타일이있는 그림은 다음과 같습니다

  Widget _buildRow(WordPair pair) {
    return ListTile(
      title: Text(
        'Title of messages comes here',
        style: TextStyle(fontSize: 18.0, fontWeight: FontWeight.bold),
      ),
      subtitle: Text(
        pair.asPascalCase,
        style: _font,
      ),
      leading: ConstrainedBox(
        constraints: BoxConstraints(
          minWidth: 44,
          minHeight: 44,
          maxWidth: 44,
          maxHeight: 44,
        ),
        child: Image.asset('assets/message_lock.png', fit: BoxFit.cover),
      ),
    );
  }

[1]: https://i.stack.imgur.com/1dNTk.png

0
Akhila Madari