flutter根據(jù)給定寬度自適應(yīng)縮放字體大小

flutterautotext

flutter 插件
https://github.com/LiuC520/flutterautotext

根據(jù)寬度自動(dòng)縮放字體


screenshot.png

屬性：

  •  text  ,    //String 要顯示的文字

  •  width</font> , //doule 指定text的父容器的寬度，必須制定寬度

  • minTextSize , //double 最小的字體大小   默認(rèn)最小是6

  •  textSize , //double 正常的字體大小，默認(rèn)值是14

  • textColor , //Color 正常的字體顏色

  •  textStyle  ,//TextStyle  textStyle文字樣式，上面的textSize和textColor可以不用單獨(dú)寫，寫這個(gè)也行，同樣用這個(gè)也可以設(shè)置字體粗體啊，斜體啊啥的，功能更強(qiáng)大些

提示：

  ```width```  這個(gè)是必須的屬性，因?yàn)樵赽uild之前無(wú)法拿到寬度，必須指定寬度，才能根據(jù)寬度進(jìn)行適配
 其實(shí)原理很簡(jiǎn)單，就是給一個(gè)動(dòng)畫，然后在動(dòng)畫結(jié)束拿到text的寬度是否大于給定的寬度，
 如果大于給定的寬度，做一個(gè)循環(huán)來(lái)縮小字體，然后重新判斷字體的寬度，直到寬度小于等于給定的寬度為止。

Example

1、首先在pubspec.yaml中添加依賴


dependencies:
  flutter:
    sdk: flutter
  flutterautotext:
    git: https://github.com/LiuC520/flutterautotext.git

    import 'package:flutterautotext/flutterautotext.dart';



    FlutterAutoText(
        width: 50, //這個(gè)是必須的
        text: "我是劉成" ,
        textSize: 12,
    ),
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容