美文网首页
5、Text组件

5、Text组件

作者: 彡廿 | 来源:发表于2018-08-17 10:24 被阅读86次

    Text组件是非常常用的组件,任何需要显示文本的地方基本都会用到。通过查看Text类的源码,可以发现Text是一个无状态的组件,下面的代码演示了如何修改Text组件的字号、颜色,给字体加粗、设置下划线、设置斜体等

    import 'package:flutter/material.dart';
    
    void main() => runApp(new MaterialApp(
      title: "Text Demo",
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text("Text Demo"),
        ),
        body: new Center(
          child: new Text(
            "Hello Flutter",
            style: new TextStyle(
              color: Colors.red, // 或者用这种写法:const Color(0xFF6699FF) 必须使用AARRGGBB
              fontSize: 20.0, // 字号
              fontWeight: FontWeight.bold, // 字体加粗
              fontStyle: FontStyle.italic, // 斜体
              decoration: new TextDecoration.combine([TextDecoration.underline]) // 文本加下划线
            ),
          ),
        ),
      ),
    ));
    
    注意:

    MaterialApp的title参数是字符串类型,而AppBar的title参数是一个Text组件类型。

    相关文章

      网友评论

          本文标题:5、Text组件

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