flutter 文字过长超出范围,Flutter-列内扩展小部件内的文本溢出

最新推荐文章于 2024-03-31 00:57:02 发布

韩天奇

最新推荐文章于 2024-03-31 00:57:02 发布

阅读量527

点赞数

文章标签： flutter 文字过长超出范围

在Flutter中，当Column内的Text组件文字过长时，如何避免超出固定高度的容器。问题在于文本溢出了其父容器，尽管设置了TextOverflow.ellipsis和maxLines属性。解决方案是将Column包裹在Flexible组件中，而不是Expanded组件。

摘要由CSDN通过智能技术生成

What I want to achieve is to have a text widget inside a Column of fixed height. When the text is long I want the overflow property which is set to TextOverflow.ellipsis to kick in. The Text widget has its maxLines property set to a high value to allow it to wrap down. But there are other widgets in the column too, both before and after the text widget. The text widget is in an Expanded widget so that it takes up as much room in the column. Full code is pasted below.

The problem with this setup is that the text is overflowing its container parent. I have a border decoration on the container that shows this happening. Why is this happening and how do I fix it.

import 'package:flutter/material.dart';

void main() {

runApp(App());

}

class App extends StatelessWidget {

@override

Widget build(BuildContext context)