Flutter Как сделать так, чтобы текстовый виджет в виджете Wrap начинался с конца предыдущего виджета, а не начинался ниже предыдущего виджета?

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 и переполнение на следующую строку?

Спасибо за помощь!

Answer 1

Действительно интересный и довольно сложный вопрос, я нашел решение, используя Text rich и text span для его достижения. Надеюсь, это поможет!

          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',
                ),
              ],
            ),
          ),