浏览 54
扫码
文本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的使用。