auto_size_text 自動調整文字大小以適應其容器的 Flutter 外掛

鲤斌發表於2024-08-27

依賴

 auto_size_text: ^3.0.0 //自動調整文字大小

例子

class AutoSizeRichTextExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        width: double.infinity,
        child: AutoSizeText.rich(
          TextSpan(
            children: _getRichTextSpans(),
          ),
          style: TextStyle(fontSize: 50.0), // 初始字型大小
          maxLines: 1,
          minFontSize: 10.0,
          overflow: TextOverflow.ellipsis,
        ),
      ),
    );
  }

  List<TextSpan> _getRichTextSpans() {
    final List<Map<String, dynamic>> dataList = [
      {'text': 'This ', 'color': Colors.red},
      {'text': 'is ', 'color': Colors.blue},
      {'text': 'a ', 'color': Colors.green},
      {'text': 'slightly ', 'color': Colors.orange},
      {'text': 'longer ', 'color': Colors.purple},
      {'text': 'item', 'color': Colors.teal}
    ];

    return dataList.map((item) {
      return TextSpan(
        text: item['text'],
        style: TextStyle(color: item['color']),
      );
    }).toList();
  }
}

相關文章