栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在哪种情况下,textAlign属性可在Flutter中工作?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在哪种情况下,textAlign属性可在Flutter中工作?

DefaultTextStyle
与问题无关。删除它仅使用默认样式,该样式比您使用的默认样式大得多,因此隐藏了
问题。

textAlignText
当占用的空间大于实际内容时,将文本对齐。

问题是,在内Column,您Text仅占用最小的空间。它是那么Column,使用对齐其子

crossAxisAlignment
,其默认为
center

捕获此类行为的一种简单方法是将文本包装成这样:

Container(   color: Colors.red,   child: Text(...))

使用您提供的代码,呈现以下内容:

问题突然变得很明显:Text不要占用整个Column宽度。

您现在有一些解决方案。

您可以将自己包装

Text
Align
模仿
textAlign
行为

Column(  children: <Widget>[    Align(      alignment: Alignment.centerLeft,      child: Container(        color: Colors.red,        child: Text(          "Should be left",        ),      ),    ),  ],)

或者,您也可以强制Text填充Column宽度。

通过指定

crossAxisAlignment: CrossAxisAlignment.stretchonColumn
SizedBox与infinite
一起使用
width

Column(  children: <Widget>[    SizedBox(      width: double.infinity,      child: Container(        color: Colors.red,        child: Text(          "Should be left",          textAlign: TextAlign.left,        ),      ),    ),  ],),

呈现以下内容:

在该示例中,就是TextAlign将文本放在左侧。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/410168.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号