首页 > 其他分享 >一统天下 flutter - widget 文本类: 字体

一统天下 flutter - widget 文本类: 字体

时间:2023-03-22 10:34:22浏览次数:42  
标签:widget webabcd 一统天下 字体 key flutter

一统天下 flutter https://github.com/webabcd/flutter_demo
作者 webabcd

一统天下 flutter - widget 文本类: 字体

示例如下:

lib\widget\text\font.dart

/*
 * 本例用于演示如何使用字体
 *
 * 1、使用系统字体就直接通过设置 TextStyle 的 fontFamily 即可
 * 2、使用第三方字体的步骤:
 *    a) 在 pubspec.yaml 中做类似如下的配置,其用于定义字体名称,以及打包字体文件
 *       # 下面的配置用于演示如何使用第三方字体
 *       fonts:
 *         - family: customfont                   # 字体名称
 *           fonts:
 *             - asset: assets/fonts/myfont.ttf   # 字体文件的地址
 *    b) 使用的时候,用类似如下方式即可
 *       fontFamily: 'myfont',
 */

import 'package:flutter/material.dart';

class FontDemo extends StatelessWidget {
  const FontDemo({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const Center(
      child: Text(
        "abcdefghijklmnopqrstuvwxyz",
        style: TextStyle(
          fontFamily: 'customfont',
          fontSize: 48,
          color: Colors.white,
          decoration: TextDecoration.none
        ),
      ),
    );
  }
}

一统天下 flutter https://github.com/webabcd/flutter_demo
作者 webabcd

标签:widget,webabcd,一统天下,字体,key,flutter
From: https://www.cnblogs.com/webabcd/p/flutter_lib_widget_text_font.html

相关文章