Flutter Widget 之package: google_fonts

检视行动应用是否想过,“嗯,默认的系统字体看来不错,但我希望过能更有特色”。

这样的话,试试google_fonts包,这个软件包能让各位无需在本机存储任何字体文件即可访问1400多种字体。因此,是个快速开发的好方法。

ezgif.com-gif-maker.gif

若已有文本小部件,则只需在TextStyle指令中加入google_fonts

Text(
    'Dash is awesome!',
    style: GoogleFonts.lobster(),
)

ezgif.com-gif-maker (1).gif

或许你已设定文本样式,因此只想改字体,那边将既有样式包装在google_fonts包内

Text(
    'Dash is awesome!',
    style: GoogleFonts.lobster(
        textStyle: TestStyle(
            fontSize: 20,
        )
    )
)

与其个别更改应用程序中每个文本小部件的文本样式,改用google_fonts来创建文本主题还比较省事

ThemeData(
    primarySwatch: Colors.blue,
    textTheme: GoogleFonts.lobsterTextTheme(
        Theme.of(context).textTheme
    )
)

默认情况下,google_font会尝试经由HTTP来获取字体。

⚠️ 要留意的是在macOS平台上得确认entitlements授权机制中入开放网络获取的指令列

<key>com.apple.security.network.client</key>
<true/>

想为所属应用挑选完美字体吗?可将google_fonts的字体文件捆绑到应用程序资产文件中,完成后,google_fonts便会在您的pubspec.yaml中自动套用合适的字型文件,因此就无需由HTTP获取了

pubspec.yaml

assets:
    - google_fonts/

一旦将字型文件捆绑到应用程序资产后,应用程序的主要方法中allowRuntimeFerching便可设置为false以禁用HTTP字体请求

GoogleFonts.config.allowRuntimeFetching = false;

如果想了解有关package: google_fonts的内容,或者关于Flutter的其他功能,请访问pu b.dev

原文翻译自视频:视频地址

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容