首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Flutter Row() 'crossAxisAlignment != CrossAxisAlignment.baseline || textBaseline != null':不为真。断言失败:

Flutter Row() 'crossAxisAlignment != CrossAxisAlignment.baseline || textBaseline != null':不为真。断言失败:
EN

Stack Overflow用户
提问于 2020-05-01 19:47:51
回答 1查看 3K关注 0票数 6

在flutter中,我在使用crossAxisAlignment: CrossAxisAlignment.baseline时遇到错误

错误::

代码语言:javascript
复制
Failed assertion: line 3791 pos 15: 'crossAxisAlignment != CrossAxisAlignment.baseline || textBaseline != null': is not true.

代码::

代码语言:javascript
复制
 Row(
    crossAxisAlignment: CrossAxisAlignment.baseline,

    children: <Widget>[
        Text(
            '192',
            style: kBoldNumberText,
        ),
        Text(
        'cm',
        style: kLabelText,
        )
    ],
    )
EN

回答 1

Stack Overflow用户

发布于 2020-05-01 19:47:51

在flutter中使用crossAxisAlignment时,我们需要告知要对齐的元素,为此,我们可以按字母顺序或图形形式使用textBaseline: TextBaseline.alphabetic

代码语言:javascript
复制
//alphabetic:::

textBaseline: TextBaseline.alphabetic,

-或者-

代码语言:javascript
复制
//graphic:::

textBaseline: TextBaseline.ideographic

在我的例子中它是alphabetic:::,所以我重写了

代码语言:javascript
复制
Row(
    crossAxisAlignment: CrossAxisAlignment.baseline,
    textBaseline: TextBaseline.alphabetic, ////<-- HERE --> ////
    children: <Widget>[
        Text(
            '192',
            style: kBoldNumberText,
        ),
        Text(
        'cm',
        style: kLabelText,
        )
    ],
    )
票数 13
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61541921

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档