Flutter - Text组件文字样式TextStyle

我们前面用Text小部件显示了“Hello World”,那我们如果要修改一些基本的文字样式该怎么办的? 代码如下:

import 'package:flutter/material.dart';

void main() {
  runApp(App());
}

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text(
        'Hello World',
        textDirection: TextDirection.ltr,
        style: TextStyle(
          color: Colors.yellow, //字体颜色
          fontSize: 50.0, //字体大小,注意flutter里面是double类型
          fontWeight: FontWeight.bold, //字体粗细
          fontStyle: FontStyle.italic, // 斜体显示
          letterSpacing: 10.0, //字体间距
          wordSpacing: 30.0, //词间距
        ),
      ),
    );
  }
}

我们会用TextStyle这个类来修饰字体,上面代码里面介绍了些基本的用法,还有些别的参数各位可以自己去玩玩看。 谢谢!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容