flutter - Flutter 如何使 Wrap 小部件中的 Text 小部件从前一个小部件的末尾开始，而不是从前一个小部件开始？

Question

我正在尝试制作一个完整的句子用户界面，它可能会像这个例子一样溢出到下一行：

这是我的代码：

 Wrap(
   spacing: 0.8,
   runSpacing: 4.0,
   children: <Widget>[
     new Text('Alpha '),
     new Container(
       width: 50,
       height: 19,
       child: new TextField(
          style: new TextStyle(
              fontSize: 16.0,
              color: Colors.blue,
          ),
       ),
     ),
     new Text(' charlie all the node in jank list is out of time all the node in jank list is out of time',)
   ],
 )

这是目前的结果：

如何让第二个字符串从 TextField 的末尾开始并溢出到下一行？

谢谢您的帮助！

标签： fluttertext

Answer 1

非常有趣的问题并且非常具有挑战性，我找到了一个解决方案，通过使用富文本和文本跨度来实现它。希望能帮助到你！

          Text.rich(
            TextSpan(
              text: 'Alpha ',
              style: TextStyle(color: Colors.black),
              children: <InlineSpan>[
                WidgetSpan(
                  alignment: PlaceholderAlignment.baseline,
                  baseline: TextBaseline.alphabetic,
                  child: Container(
                    width: 50,
                    height: 19,
                    child: TextField(
                      style: TextStyle(
                        fontSize: 16.0,
                        color: Colors.blue,
                      ),
                    ),
                  ),
                ),
                TextSpan(
                  text:
                      ' charlie all the node in jank list is out of time all the node in jank list is out of time',
                ),
              ],
            ),
          ),