Image principale déborde dans ListTile

Question

J'ai un ListView avec ListTile. Chaque ListTile a un title avec Text, subtitle avec Text et leading avec un Image.

Maintenant, l'image est trop grande et s'étend verticalement dans la ligne suivante, chevauchant l'image là-bas.

Comment puis-je m'assurer que l'image reste dans les limites?

ÉDITER:

Je ne voudrais pas donner à l'image une taille fixe, mais plutôt la laisser s'ajuster à la hauteur de la vignette de liste, comme indiqué par le titre + la hauteur intrinsèque du sous-titre.

Answer 1

Mon code et avec une image avec sous-titre et tuile ressemble à ci-dessous

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