flutter之文本——Text

最新推荐文章于 2025-04-04 23:39:01 发布

大飞果果

最新推荐文章于 2025-04-04 23:39:01 发布

阅读量1.9k

点赞数

分类专栏： flutter 文章标签： flutter 移动开发 text 文本

本文链接：https://blog.youkuaiyun.com/wangsf789/article/details/93747281

版权

本文是Android工程师学习Flutter的记录，重点介绍了Flutter中的Text组件。从基础的文本显示，到文本居中，再到复杂样式的设置，通过实例代码展示Text的使用方法，包括style属性的探索和应用。

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

前言

我是一名Android工程师，近期开始学习flutter。以此作为学习记录，亦供小伙伴们交流，共同学习。

正文

例一

学习一门新的语言，第一个呈现基本都是“hello world”。那么我们知道这个是文本显示的。所以第一个我们学习Text,话不多说，直接上代码：

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    title: 'Text 示例 demo',
    home: new Text('hello world'),
  ));
}

例二

为了看着舒服，居中显示，代码优化如下：

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    title: 'Text 示例 demo',
    home: new TextDemo(),
  ));
}

class TextDemo extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return new Center(
      child: new