Flutterでテキスト長がオーバーフローした場合に省略記号を表示するにはどうすればよいですか?

UI を描画するときによくこの種の問題に遭遇しますが、さまざまなシナリオに応じて、一般的な解決策について説明します。

1. 1つ目は、Textタグの外側の層にContainerの層を入れ子にし、幅を指定します。

2. 2 つ目は自動適応モードで、行と列がテキストや一部のレイアウト コントロールの外側のレイヤーにネストされている場合によく使用します。

new Flexible( //长度自适应
  child: new Container(
    padding: new EdgeInsets.only(right: 13.0),
    child: new Text(
      'Text largeeeeeeeeeeeeeeeeeeeeeee',
      overflow: TextOverflow.ellipsis, //长度溢出后显示省略号
      style: new TextStyle(
        fontSize: 13.0,
        fontFamily: 'Roboto',
        color: new Color(0xFF212121),
        fontWeight: FontWeight.bold,
      ),
    ),
  ),
),

おすすめ

転載: blog.csdn.net/qq_25062671/article/details/127975430