我不知道如何将文字包裹在扑朔迷离中

Question

我正在尝试创建一个带有图像的共同组件，右侧是介绍。 当引言很长时，组件呈现不佳。

我知道在fixible小部件中，有一种众所周知的包装文本并尝试过的方法。 那不起作用。

我在达台上有一个例子。谁能告诉我如何在没有溢出的情况下显示它？

httpps：///dartpad.dev/？

Answer 1

在列中，小部件添加一行。然后，如果添加一个灵活的小部件，文本将在溢出上下降

Column(
  children : [
    Text("some small text here"),
    Row(
      children : [
        Flexible(
          child : Text("Really long text here"),
        )
      ]
    )
  ]
}

Answer 2

 return GestureDetector(
    child: Row(children: [
  // alt image component
  SizedBox(
    height: 100,
    width: 100,
    child: Container(
      color: Colors.red,
    ),
  ),
  // item description
  Expanded(
    child: Column(
      children: [
        Text("user name"),
        Text(
            "user comment text: jump jump jump high jump high jump big jump big jump choo choo choo ya ya ya ri ri ri uh uh uh user comment text: jump jump jump high jump high jump big jump big jump choo choo choo ya ya ya ri ri ri uh uh uh"),
      ],
    ),
  ),
]));