文本Widget_Flutter 基础教程

文本Widget是Flutter中常用的组件之一，用于显示文本内容。在Flutter中，文本可以通过Text Widget来创建。下面是一个简单的示例：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Text Widget Demo'),
        ),
        body: Center(
          child: Text(
            'Hello, Flutter!',
            style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
          ),
        ),
      ),
    );
  }
}

在上面的示例中，我们使用Text Widget来显示"Hello, Flutter!"这段文本内容，并设置了字体大小为24，字体加粗。

除了设置字体大小和字体加粗，Text Widget还可以通过TextStyle来设置字体颜色、字体样式、行高等属性。下面是一个更加详细的示例：

Text(
  'Hello, Flutter!',
  style: TextStyle(
    color: Colors.blue,
    fontSize: 24,
    fontWeight: FontWeight.bold,
    fontStyle: FontStyle.italic,
    letterSpacing: 2.0,
    wordSpacing: 4.0,
    decoration: TextDecoration.underline,
    decorationColor: Colors.red,
    decorationStyle: TextDecorationStyle.dotted,
    height: 1.5,
    shadows: [
      Shadow(
        color: Colors.black,
        offset: Offset(2, 2),
        blurRadius: 3,
      ),
    ],
  ),
)

在上面的示例中，我们设置了文本的颜色为蓝色，字体加粗，字体样式为斜体，字母间距为2.0，单词间距为4.0，文本下划线颜色为红色，样式为虚线，行高为1.5倍，阴影颜色为黑色，偏移量为(2,2)，模糊半径为3。

除了上面列举的属性，Text Widget还有很多其他属性可以进行设置，读者可以根据自己的需求来选择使用。希望这个简单的教程能帮助读者更好地理解文本Widget的使用。