为什么这一行不颤振

Question

问题是我必须渲染一些连续的文本，并且当它没有足够的时候它应该换行 space 但该行没有换行。

我使用了包装 Expanded、Wrap，并尝试了一些 Whosebug 的答案，但 none 有效

下面是我的代码

Widget xyz(List _list) {
  return Padding(
    padding: const EdgeInsets.fromLTRB(50, 10, 40, 10),
    child: InkWell(
      onTap: () {},
      child: Row(
        mainAxisAlignment: MainAxisAlignment.start,
        children: [
          Text(
            'Title : ',
            style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13),
          ),
          Wrap(children: [
            Row(children: [
              for (int i = 0; i < _list.length; i++)
                Container(
                  padding: const EdgeInsets.only(right: 8),
                  child: Text(
                    '${_list[i]}',
                    style: TextStyle(fontSize: 13),
                  ),
                ),
            ]),
          ]),
        ],
      ),
    ),
  );
}

class _Page3State extends State<Page3> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          xyz([
            'Text1',
            'Text2',
            'Text3',
            'Text4',
            'Text5',
            'Text6',
            'Text7',
          ]),
          //other widgets
        ],
      ),
    );
  }
}

这是我得到的输出

我希望 'Text6' & 'Text7' Text 小部件位于下一行。

Answer 1

这是一个工作示例：

问题是灵活（扩展）放置不正确，并且您的 Wrap 有一个 Row 子项而不是直接放置的子项。

Widget xyz(List _list) {
  return Padding(
    padding: const EdgeInsets.fromLTRB(50, 10, 40, 10),
    child: InkWell(
      onTap: () {},
      child: Row(
        mainAxisAlignment: MainAxisAlignment.start,
        children: [
          Text(
            'Title : ',
            style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13),
          ),
          Flexible(
            child: Wrap(
              children: [
                for (int i = 0; i < _list.length; i++)
                  Container(
                    padding: const EdgeInsets.only(right: 8),
                    child: Text(
                      '${_list[i]}',
                      style: TextStyle(fontSize: 13),
                    ),
                  ),
              ],
            ),
          ),
        ],
      ),
    ),
  );
}

class _Page3State extends State<Page3> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          xyz([
            'Text1',
            'Text2',
            'Text3',
            'Text4',
            'Text5',
            'Text6',
            'Text7',
          ]),
          //other widgets
        ],
      ),
    );
  }
}

为什么这一行不颤振

Why does this row don't wrap in flutter

row

flutter

flutter-layout