5、Text组件

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组件)