美文网首页
Flutter笔记1-Text组件

Flutter笔记1-Text组件

作者: 叶小七的真命天子 | 来源:发表于2019-01-16 18:14 被阅读6次
    import 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
            title: 'WELCOME',
            home: Scaffold(
                appBar: AppBar(
                  title: Text('welcome to Flutter'),
                ),
                body: Center(
                  child: Text(
                    '现在我们已经从MyAppBar和MyScaffold切换到了AppBar和 Scaffold widget,标题文本会自动继承正确的样式。我们还添加了一个浮动操作按钮,以便进行相应的操作处理。',
                    textAlign: TextAlign.center,  // 文本对齐方式
                    maxLines: 1, // 文本最大行数
                    overflow: TextOverflow.ellipsis, // 文本超出之后显示。。。
                    style: TextStyle( // 设置文本样式
                      fontSize: 25.0, //必须是浮点型
                      color: Colors.pink,
                      decoration: TextDecoration.underline,
                      decorationStyle: TextDecorationStyle.solid,
                    ),
                  ),
                ),
            ),
        );
      }
    }
    
    

    相关文章

      网友评论

          本文标题:Flutter笔记1-Text组件

          本文链接:https://www.haomeiwen.com/subject/cyxvdqtx.html