ListTileで先行画像がオーバーフローする

Question

ListViewとListTileがあります。各ListTileにはtitleとText、subtitleとText、leadingとImage。

ここで、画像が大きすぎて垂直方向に次の行に伸び、画像が重なっています。

画像が境界内にあることを確認するにはどうすればよいですか？

編集：

画像に固定サイズを与えたくありませんが、タイトル+サブタイトルの固有の高さで指定されたリストタイルの高さに合わせます。

Answer 1

私のコードと字幕付きの画像は以下のようになります

  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),
      ),
    );
  }