Flutter how to use ListTile Threeline

Question

Asked by zhiyuanbuqi on November 29, 2018 (source).

Flutter when I used ListTile ThreeLines, I don't know how to use ThreeLine

    import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('ddd'),
        ),
        body:Container(
        child: Column(
          children: <Widget>[
            ListTile(
              isThreeLine: true,
              leading: Icon(Icons.event_note),
              title: Text('Title 1'),
              // subtitle: Text('Title2'),
              subtitle: Column(

                children: <Widget>[
                  Text('Titile2'),
                  Text('Title 3'),
                  Text('Title 4'),
                  Text('and so on')
                ],
              ),

            )
          ],
        ),
      ) ,
      ),

    );
  }
}

When i delete isThreeLines, the code is Ok

ListTile

Thanks

Answer

Question answered by SnakeyHips (source).

As from the docs:

The value of subtitle, which is optional, will occupy the space allocated for an additional line of text, or two lines if isThreeLine is true.

It basically means the subtitle of the ListTile is given more space to have text which is more than one line in length:

ThreeLine Demo

DART FLUTTER
SHARE: