Flutter 文件目录
文件夹 | 作用 |
---|---|
android | android 平台相关代码 |
ios | ios平台相关代码 |
lib | flutter 相关代码,主要编写的代码 |
test | 测试代码 |
pubspec.yaml | 配置文件,一般存放一些第三方库的依赖 |
Flutter入口文件、入口方法
入口文件 lib 文件里面的main.dart 文件
import 'package:flutter/material.dart';
void main(){
runApp(MyApp());
}
//简写
import 'package:flutter/material.dart';
void main()=> runApp(MyApp());
main 方法就是dart 的入口方法,runApp 就是flutter 的入口方法。
所有组件都是类!(类都是以大写字母开头)
Text 组件
Text 用于显示简单样式文本,包含一些控制文本显示样式的一些属性。
1、 textAlign : 文本的对齐方式,参考系:Text Widget 本身。
2、textDirection : 文本方向。
-
TextDirection.ltr => 文本从左边开始显示
-
TextDirection.rtl => 文本从右边开始显示
3、maxLines : 指定文本显示的最大行数,值为 int 型
4、overflow : 截断文本方式,默认直接截断。
- TextOverflow.ellipsis => 将多余文本截断后以 … 显示
- TextOverflow.clip => 直接截断
- TextOverflow.fade => 溢出的部分会进行一个渐变消失的效果,
5、softWrap : 是否自动换行,值为boolean 值;softWrap 属性为 false 时才会有效果。
- true => 文本内容超过一行后可以换行显示,当没有设置 maxLines 属性且 overflow 为 TextOverflow.ellipsis 失效,显示单行且文本超出的部分显示为省略号。
- false => 文本内容超过一行后不可以换行显示,即只能单行显示,超出的部分默认切断处理,如果设置了 overflow 属性则按照 overflow 属性值处理。当设置了 maxLines 属性且 overflow 为 TextOverflow.ellipsis 失效,即可以换行,最大行数为 maxLines 属性的值。
6、textScaleFactor : 文本缩放倍数,值为 double 型
7、 style : 设置文本样式 具体看 textStyle
//示例:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());