flutter根據給定寬度自適應縮放字體大小

flutterautotext

flutter 插件 github.com/LiuC520/flu…git

根據寬度自動縮放字體 github

screenshot.png

屬性:

  • text  ,    //String 要顯示的文字
    複製代碼
  • width</font> , //doule 指定text的父容器的寬度,必須制定寬度
    複製代碼
  • minTextSize , //double 最小的字體大小   默認最小是6
    複製代碼
  • textSize , //double 正常的字體大小,默認值是14
    複製代碼
  • textColor , //Color 正常的字體顏色
    複製代碼
  • textStyle  ,//TextStyle  textStyle文字樣式,上面的textSize和textColor能夠不用單獨寫,寫這個也行,一樣用這個也能夠設置字體粗體啊,斜體啊啥的,功能更強大些
    複製代碼
提示:

  ```width```  這個是必須的屬性,由於在build以前沒法拿到寬度,必須指定寬度,才能根據寬度進行適配
 其實原理很簡單,就是給一個動畫,而後在動畫結束拿到text的寬度是否大於給定的寬度,
 若是大於給定的寬度,作一個循環來縮小字體,而後從新判斷字體的寬度,直到寬度小於等於給定的寬度爲止。
複製代碼

Example

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

dependencies:
  flutter:
    sdk: flutter
  flutterautotext:
    git: https://github.com/LiuC520/flutterautotext.git
複製代碼
import 'package:flutterautotext/flutterautotext.dart';



    FlutterAutoText(
        width: 50, //這個是必須的
        text: "我是劉成" ,
        textSize: 12,
    ),

複製代碼
相關文章
相關標籤/搜索