Placement de deux icônes de fin dans ListTile

Question

Je souhaite placer deux icônes, côte à côte, sur le côté "arrière" d'une ListTile. J'ai essayé d'ajouter un widget Row avec les deux icônes à l'intérieur, mais cela a complètement perturbé la disposition de l'ensemble de la ListTile, la rendant inutilisable. Existe-t-il un moyen d'augmenter l'espace alloué à la partie arrière ?

Voici le code :

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),
        ),
        body: ListView(
      children: <Widget>[
        ListTile(
          leading: Icon(Icons.play_arrow,),
          title: Text("This is a title"),
          subtitle: Text("This is subtitle"),
          trailing: Row(          
            children: <Widget>[
            Icon(Icons.flight),
            Icon(Icons.flight_land)
          ]),
        )
      ]
    ),
      ),
    );
  }
}

Voici à quoi cela ressemble :

Answer 1

Ajout mainAxisSize: MainAxisSize.min à l'instance Row() résout le problème.

Answer 2

Vous pouvez simplement utiliser Wrap en trailing

ListTile(
  title: Text("This is my ListTile"),
  trailing: Wrap(
    spacing: 12, // space between two icons
    children: <Widget>[
      Icon(Icons.call), // icon-1
      Icon(Icons.message), // icon-2
    ],
  ),
)

Answer 3

Essayez ce code. Je pense qu'il fonctionne correctement :

trailing: FittedBox(
          fit: BoxFit.fill,
          child: Row(
          children: <Widget>[
            Icon(Icons.flight),
            Icon(Icons.flight_land),
          ],
          ),
        ),

Answer 4

J'ai profité de la solution FittedBox laissée ci-dessus et j'ai résolu mon problème en affichant un TextButton et un IconButton lorsque l'écran est en mode paysage et lorsqu'il est en mode portrait, seul l'IconButton est affiché.

trailing: MediaQuery.of(context).size.width > 480
                      ? FittedBox(
                          fit: BoxFit.fill,
                          child: Row(
                            children: <Widget>[
                              TextButton(
                                style: TextButton.styleFrom(
                                  // padding: const EdgeInsets.all(16.0),
                                  primary: Theme.of(context).errorColor,
                                  textStyle: const TextStyle(
                                      fontSize: 14,
                                      fontWeight: FontWeight.bold),
                                ),
                                onPressed: () => onRemove(tr.id),
                                child: const Text('Excluir'),
                              ),
                              IconButton(
                                icon: Icon(Icons.delete),
                                color: Theme.of(context).errorColor,
                                onPressed: () => onRemove(tr.id),
                              ),
                            ],
                          ),
                        )
                      : IconButton(
                          icon: Icon(Icons.delete),
                          color: Theme.of(context).errorColor,
                          onPressed: () => onRemove(tr.id),
                        ),