flutter_文本组件的使用，设置文本属性

项目：textwidget0221
// 引入库文件
import 'package:flutter/material.dart';
//创建主函数
void main() => runApp(MyApp());
//创建主要的类
class MyApp extends StatelessWidget {
  //重写父类方法
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title: "app标题不显示",
      home:Scaffold(//显示窗口的主体
         appBar: AppBar(
           title: Text("导航中标题"),
         ),
         body: Center(
           child: Text(
             "中间显示的文字，TextAlign属性就是文本的对齐方式，它的属性值有如下几个（详细请看视频中讲解）",
             textAlign: TextAlign.left,//对齐方式
             maxLines: 3, //最多显示行数
             overflow: TextOverflow.ellipsis,//文本溢出后处理方式,这里选择用省略号
             style: TextStyle(
               fontSize: 30, //字体大小可以用整数
               color: Color.fromARGB(200, 100, 100, 100),//字体颜色
               decoration:TextDecoration.underline, //下划线
               decorationStyle:TextDecorationStyle.solid,

             ),
           ),
         ),
      ) ,//显示窗口
    );

  }
}


// class home_scaffold extends Scaffold {
//   body:Center(
//     child:Text("中间显示内容"),
//   );
  
// }





// 在lib——main.dart 文件是编辑文件
//在vscode的调试终端，注意要打开需要创建项目的文件夹，输入flutter create 项目名
//flutter一切都是组件 widget
/*
TextAlign属性
TextAlign属性就是文本的对齐方式，它的属性值有如下几个（详细请看视频中讲解）：

center: 文本以居中形式对齐,这个也算比较常用的了。
left:左对齐，经常使用，让文本居左进行对齐，效果和start一样。
right :右对齐，使用频率也不算高。
start:以开始位置进行对齐，类似于左对齐。
end: 以为本结尾处进行对齐，不常用。有点类似右对齐.
总结起来，也就算三个对齐方式，left(左对齐)、center（居中对齐）、right（右对齐）。我们来看一下具体代码：

maxLines属性
设置最多显示的行数，比如我们现在只显示1行，类似一个新闻列表的题目。


overflow属性
overflow属性是用来设置文本溢出时，如何处理,它有下面几个常用的值供我们选择。

clip：直接切断，剩下的文字就没有了，感觉不太友好，体验性不好。
ellipsis:在后边显示省略号，体验性较好，这个在工作中经常使用。
fade: 溢出的部分会进行一个渐变消失的效果，当然是上线的渐变，不是左右的哦。


TextStyle 包含的内容比较多，手册https://docs.flutter.io/flutter/painting/TextStyle-class.html




*/
flutter_文本组件的使用，设置文本属性

猜你喜欢
