【自学Flutter】1.3 设置默认字体样式

1.3 设置默认字体样式

1.源代码

import 'package:flutter/material.dart';

void main () => runApp(MyApp());

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context ){
    return MaterialApp(
      title:'Text widget usage',
      home:Scaffold(
          body:
          Center(
            child: DefaultTextStyle(
              style: TextStyle(
                  fontSize: 20.0,
                  color:Colors.red
              ),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text("我是第一个文本"),
                  Text("我是第二个"),
                  Text("我是三",
                    style: TextStyle(
                        inherit: false,
                        color: Colors.blue
                    ),
                  ),
                ],
              ),
            ),
          )
      ),
    );
  }
}

2.解释源代码

import 'package:flutter/material.dart';

void main () => runApp(MyApp());

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context ){
    return MaterialApp(
      title:'Text widget usage',
      home:Scaffold(
          body:
          Center(
          	//DefaultTextStyle() 设置默认字体样式
            child: DefaultTextStyle(
              style: TextStyle(
                  fontSize: 20.0,
                  color:Colors.red
              ),
              //Column() 垂直布局
              child: Column(
                //表示子Widgets在垂直方向的对齐方式
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text("我是第一个文本"),
                  Text("我是第二个"),
                  Text("我是三",
                    style: TextStyle(
                    	//不继承默认字体样式
                        inherit: false,
                        color: Colors.blue
                    ),
                  ),
                ],
              ),
            ),
          )
      ),
    );
  }
}

3.效果图