Горизонтальный разделитель с текстом посередине во флаттере? - PullRequest
0 голосов
/ 06 января 2019

Есть ли во Flutter встроенный виджет для создания разделителя с текстом посередине? Любое руководство о том, как это сделать? Например: (текст «ИЛИ» в середине горизонтальной линии)

вот скриншот того, чего я хочу достичь

Ответы [ 3 ]

0 голосов
/ 06 января 2019

Example Implementation of a divider with Text

Чтобы расширить ответ Джерома - Вот пример, который показывает, как встроить его в другой контент, а также имеет дополнительные наборы границ для приближения к нужному изображению:

          Column(children: <Widget>[
            Row(
              children: <Widget>[Text("above")],
            ),
            Row(children: <Widget>[
              Expanded(
                child: new Container(
                    margin: const EdgeInsets.only(left: 10.0, right: 20.0),
                    child: Divider(
                      color: Colors.black,
                      height: 36,
                    )),
              ),
              Text("OR"),
              Expanded(
                child: new Container(
                    margin: const EdgeInsets.only(left: 20.0, right: 10.0),
                    child: Divider(
                      color: Colors.black,
                      height: 36,
                    )),
              ),
            ]),
            Row(
              children: <Widget>[Text("below ")],
            ),
          ])
0 голосов
/ 30 марта 2019
new Container(height: 40, width: 1, color: Colors.grey,
                        margin: const EdgeInsets.only(left: 10.0, right: 10.0),),
0 голосов
/ 06 января 2019

Вы можете попробовать использовать виджет Row .

Row(
    children: <Widget>[
        Expanded(
            child: Divider()
        ),       

        Text("OR"),        

        Expanded(
            child: Divider()
        ),
    ]
)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...