用户登录

在 Flutter 应用的界面上,要显示文字,可以使用 Text 这个小部件 .. 添加一个 Text ... 它里面的 data 属性的值就是要显示的文字 .. 添加一段文字 ... 保存 .. 界面上会显示一段文字 ..

部件里面都有一些属性 .. 鼠标放在小部件的名字上面,会出现它里面的一些属性 .. 按住 alt 键 .. 会出现这个 Text 小部件的定义 ..

按住 alt .. 再点一下这个小部件的名字可以打开定义这个小部件的地方 ..

打开的是这个 text.dart .. 这个文件是在我们安装的 flutter sdk 里面 ..

这个 Text 小部件的类型是 StatelessWidget ...

它里面的这个 Text 是它的构造方法 .. 你会发现 .. 它的第一个参数是 data 属性,就是要显示的那个文字 .. 后面还有一些属性 .. 比如这里有个 textAlign 属性 ..它可以设置文字的对齐方式 .. 比如左对齐 ... 或者右对齐 .. 这个属性的值是个 TextAlign .. 按住 alt 键 .. 再点一下这个 TextAlign ..

你会发现,它是一个 enum 类型的数据 .. 里面有一些属性 .. 比如 left .. 表示左对齐 .. right 表示右对齐 .. center 是居中 ..

回到 BasicDemo .. 在这个 Text 部件里面,添加一个 textAlign .. 它的值设置成 TextAlign.center .. 这样文字就会居中显示 .. 设置成 TextAlign.right ... 文字会右对齐 ... 默认它的值应该是 TextAlign.left .. 表示左对齐 ...

查看小部件的定义《 Flutter 移动应用:基础部件 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点