时间戳

首页 > 解决方案 > 在 ListTile 中放置两个尾随图标

flutter - 在 ListTile 中放置两个尾随图标

问题描述

我想将两个图标并排放置在 ListTile 的“尾随”一侧。我尝试添加一个带有两个图标的 Row 小部件，但它完全弄乱了整个 ListTile 的布局，使其无法使用。有什么办法可以扩大分配给尾随部分的空间吗？

这是代码： 

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

这是它的样子：

标签： flutterflutter-layout

解决方案

添加mainAxisSize: MainAxisSize.min到 Row() 实例可以解决此问题。

推荐阅读