美文网首页
Flutter - Text组件文字样式TextStyle

Flutter - Text组件文字样式TextStyle

作者: 辻子路 | 来源:发表于2019-07-15 14:28 被阅读0次

    我们前面用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这个类来修饰字体,上面代码里面介绍了些基本的用法,还有些别的参数各位可以自己去玩玩看。 谢谢!

    相关文章

      网友评论

          本文标题:Flutter - Text组件文字样式TextStyle

          本文链接:https://www.haomeiwen.com/subject/rqdnkctx.html