文本未显示在列内第二行 -Flutter

Question

我正在努力显示长文本，这是字符串格式的地址。它可能需要一行或两行或多行，我已经尝试了所有解决方案来完全显示文本，但每次它都会溢出。我已经使用了灵活的、可扩展的和所有文本属性，如软包装，但它不起作用。我必须在 ListTile 中显示此列。

\n

showPickedDropoffLocations() {\n    return Column(\n      crossAxisAlignment: CrossAxisAlignment\n          .start, //meant to align elements to the left - seems to be working\n      mainAxisAlignment: MainAxisAlignment.spaceBetween,\n      children: [\n        SizedBox(height: 5),\n        Row(\n            mainAxisAlignment: MainAxisAlignment.spaceAround,\n            children: const <Widget>[\n              Icon(\n                Icons.pin_drop,\n                color: Colors.pink,\n                size: 24.0,\n                \n              ),\n              Text("Pickup Location"),\n            ]),\n\n        Container(\n            height: 50,\n            \n            child: Text(pickedAddress, style: TextStyle(), softWrap: true)),\n        \n\n        Center(\n          child: Column(\n            children: [\n              Text(\'.\'),\n              Text(\'.\'),\n              Text(\'.\'),\n            \n            ],\n          ),\n        ),\n        SizedBox(height: 5),\n        Row(\n            mainAxisAlignment: MainAxisAlignment.spaceAround,\n            children: const <Widget>[\n              Icon(\n                Icons.pin_drop,\n                color: Colors.green,\n                size: 24.0,\n                \n              ),\n              Text("DropOff Location"),\n            ]),\n        \n        Container(\n            \n            child: Text(dropOffAddress, style: TextStyle(), softWrap: true)),\n      ],\n    );\n  }\n

\n

当我尝试使用灵活时会发生此错误

\n

showPickedDropoffLocations() {\n    return Column(\n      crossAxisAlignment: CrossAxisAlignment\n          .start, //meant to align elements to the left - seems to be working\n      mainAxisAlignment: MainAxisAlignment.spaceBetween,\n      children: [\n        SizedBox(height: 5),\n        Row(\n            mainAxisAlignment: MainAxisAlignment.spaceAround,\n            children: const <Widget>[\n              Icon(\n                Icons.pin_drop,\n                color: Colors.pink,\n                size: 24.0,\n                \n              ),\n              Text("Pickup Location"),\n            ]),\n\n        Container(\n            height: 50,\n            \n            child: Text(pickedAddress, style: TextStyle(), softWrap: true)),\n        \n\n        Center(\n          child: Column(\n            children: [\n              Text(\'.\'),\n              Text(\'.\'),\n              Text(\'.\'),\n            \n            ],\n          ),\n        ),\n        SizedBox(height: 5),\n        Row(\n            mainAxisAlignment: MainAxisAlignment.spaceAround,\n            children: const <Widget>[\n              Icon(\n                Icons.pin_drop,\n                color: Colors.green,\n                size: 24.0,\n                \n              ),\n              Text("DropOff Location"),\n            ]),\n        \n        Container(\n            \n            child: Text(dropOffAddress, style: TextStyle(), softWrap: true)),\n      ],\n    );\n  }\n

\n

Answer 1

你可以Text用 widget 来包装你的 Widget Flexible。

Flexible(
child:Text("Your very very long text"),
),