如何避免Flutter中的文本控件中的文本溢出？

fgw7neuy 于 2023-11-21 发布在 Flutter

关注(0)|答案(1)|浏览(167)

我在我的应用程序和文本溢出到右侧的文本部件。我希望它在CSS溢出 Package 。

的数据
这里是代码

Text('Lorem Ipsum google is the best search engine and youtube is the best video streaming platform.',
                      style: const TextStyle(
                      color: Color(0xFF3333333),
                      fontSize: 12,
                      fontWeight: FontWeight.w400))

字符串
我尝试了OveflowBox，Fitted Box，并尝试添加文本小部件的overflow和maxline属性，但都不起作用。

flutter

来源：https://stackoverflow.com/questions/77516151/how-to-avoid-text-overflowing-in-text-widget-in-flutter

1条答案

按热度按时间

ogq8wdun1#

使用Expanded和Row Package Text。如果不使用Expanded Package ，则Text会尝试占用所需的空间，如果超过可用空间，则会导致溢出问题。通过在Row中使用Expanded Package ，你告诉Flutter把剩余的空间分配给Text小部件。

Row(
  children: [
    Expanded(
      child: Text(
        'Lorem Ipsum google is the best search engine and youtube is the best video streaming platform.',
        style: const TextStyle(
          color: Color(0xFF3333333),
          fontSize: 12,
          fontWeight: FontWeight.w400,
        ),
      ),
    ),
  ],
);

字符串

赞(0）回复(0）举报 2023-11-21

我来回答

如何避免Flutter中的文本控件中的文本溢出？

1条答案

相关问题

热门标签

最新问答