Flutter入门学习--(5)文本显示组件

最新推荐文章于 2025-04-14 15:58:45 发布

游响云停

最新推荐文章于 2025-04-14 15:58:45 发布

阅读量884

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.youkuaiyun.com/zx13525079024/article/details/86545793

Flutter 专栏收录该内容

19 篇文章

订阅专栏

本文深入讲解了Flutter中Text组件的使用方法，包括maxLines、overflow和style等关键属性的设置，通过实例展示了如何控制文本的显示行数、处理溢出及自定义文本样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flutter文本显示组件使用的是Text,主要用来显示文本，主要有以下几个重要属性

maxLines：显示行数。

overflow：超出部分的处理方式

style：用来设置样式

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter',
      home:Scaffold(
        appBar: AppBar(
          title: Text("Hello World"),
        ),
        body: Center(
          child: Text("你好,Flutter, Flutter文本显示组件使用的是Text,主要用来显示文本Flutter文本显示组件使用的是Text,主要用来显示文本Flutter文本显示组件使用的是Text,主要用来显示文本Flutter文本显示组件使用的是Text,主要用来显示文本",textAlign: TextAlign.left,
          maxLines: 2,
          overflow: TextOverflow.ellipsis, 
          style: TextStyle(fontSize:12,color:Colors.red,decoration: TextDecoration.underline),
          ),
          
        ),
      )
    );
  }
}