sleek_typography

自定義文本的靈活方式。

安裝

將依賴性添加到您的pubspec.yaml ：

 dependencies :
    sleek_typography : <version> 

快速開始

 Column (
    children : < Widget > [
        SleekText ( "Basic" , style : SleekTextStyle . bold5 ()),
        SleekText ( "Style" , style : SleekTextStyle . subtitle4 ()),
        SleekContent . small (
            child : Column (
                children : < Widget > [
                    SleekText ( "Title" , style : SleekTextStyle . title ()),
                    SleekText ( "Body" , style : SleekTextStyle . body ()),
                    SleekText ( "Link" , style : SleekTextStyle . link ()),
                ],
            ),
        ),
    ],
)

用法

定義全球字體

您可以定義四種預設：

• 尺寸（ 1至10 ）：字體大小
• 重量（ light ， normal ， medium ， bold ）：字體重量
• 家庭（ primary ， secondary ， monospace ， code ）：字體家庭
• 樣式（ none ， caption ， code ， blockquote ， body ， link ， button ， subtitle ， title ）：一組常見的樣式選項組合。

 SleekTypography (
    data : SleekTypographyData (
        sizes : < see example >
        weights : < see example >
        families : < see example >
        styles : < see example >
    ),
    child : < your app > ,
)

有關完整的定義示例，請參見默認定義。

更新全局版式

可以從樹上的任何地方更新版式。這可能很有用：例如，當MediaQuery.size更改時，調整內容大小。

 SleekTypography . update (context, SleekTypographyData (
        sizes : < see example >
        weights : < see example >
        families : < see example >
        styles : < see example >
    ),
);

小部件

文字

 SleekText ( "hello" style : SleekStyle . normal ())

基本的

基本類型讓您選擇重量和大小的組合。

普通的

 SleekText ( "hello" style : SleekStyle . normal3 ())

中等的

 SleekText ( "hello" style : SleekStyle . medium3 ())

大膽的

 SleekText ( "hello" style : SleekStyle . bold3 ())

光

 SleekText ( "hello" style : SleekStyle . light3 ())

預定義的樣式

每種預定義的樣式都有6個級別，並通過大小，重量甚至小部件建造者的組合來定義。它們的構建是與相應的級別相干的（例如，標題在相應的級別上總是比主體更大的字體）。

身體

 SleekText ( "hello" style : SleekStyle . body3 ())

標題

 SleekText ( "hello" style : SleekStyle . title3 ())

字幕

 SleekText ( "hello" style : SleekStyle . subtitle3 ())

關聯

 SleekText ( "hello" style : SleekStyle . link3 ())

blockquote

 SleekText ( "hello" style : SleekStyle . blockquote3 ())

代碼

 SleekText ( "hello" style : SleekStyle . code3 ())

標題

 SleekText ( "hello" style : SleekStyle . caption3 ())

內容

內容讓您為其所有後代定義一個默認的預定級級別。

小的

 SleekContent . small (
    child : Column (
        children : < Widget > [
            SleekText ( "title" style : SleekStyle . title ()),
            SleekText ( "body" style : SleekStyle . body ()),
            SleekText ( "caption" style : SleekStyle . caption ()),
        ]
    )
)

普通的

 SleekContent . normal (
    child : Column (
        children : < Widget > [
            SleekText ( "title" style : SleekStyle . title ()),
            SleekText ( "body" style : SleekStyle . body ()),
            SleekText ( "caption" style : SleekStyle . caption ()),
        ]
    )
)

大的

 SleekContent . big (
    child : Column (
        children : < Widget > [
            SleekText ( "title" style : SleekStyle . title ()),
            SleekText ( "body" style : SleekStyle . body ()),
            SleekText ( "caption" style : SleekStyle . caption ()),
        ]
    )
)

謝謝

感謝Bulma Framework團隊的靈感。