簡體   English   中英

Flutter如何使用ListTile Threeline

[英]Flutter how to use ListTile Threeline

使用ListTile ThreeLines時會顫動,我不知道如何使用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')
                ],
              ),

            )
          ],
        ),
      ) ,
      ),

    );
  }
}

當我刪除isThreeLines時,代碼確定

ListTile

謝謝

從文檔:

字幕的值是可選的,它將占用為額外的一行文本分配的空間,如果isThreeLine為true,則為兩行。

從根本ListTile這意味着ListTilesubtitle具有更多的空間來容納長度超過一行的文本:

三線演示

默認情況下,顫振中的ListTile只能顯示2行。 標題和子標題。 如果要顯示第三行文本,則isThreeLine設置為true並可以允許顯示另一行。 字幕將負責提供第三行文字。 如果isThreeLine設置為true,則字幕應該為非null。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM