#flutter #dart #flutter-layout #flutter-text
Вопрос:
Всем привет, я новичок в флаттере и пытаюсь писать OR горизонтальной линией, как показано на рисунке, но я не знаю, как это сделать, я пытался погуглить, но это не помогло мне пример демонстрации
Примечание: ИЛИ находится в центре
Комментарии:
1. Виджет строки, расширенный виджет со строкой, добавьте горизонтальное заполнение для текста, добавьте еще один расширенный виджет со строкой.
2. Как добавить эту строку? Поможет ли Разделитель?
Ответ №1:
Ниже приведено решение с использованием виджета строк
Row(children: const [
Expanded(child: Divider(thickness: 1.5)),
Text("OR",
style: TextStyle(fontSize: 20, color: Colors.grey)),
Expanded(child: Divider(thickness: 1.5)),
]),
Вот и все, когда я попытался создать экран входа в Instagram
Ответ №2:
Попробуйте приведенный ниже код, надеюсь, он вам поможет. Вы должны использовать этот(— ИЛИ — ) тип дизайна Расширенного или гибкого виджета
Перейдите сюда для Расширенного виджета и здесь для гибкого виджета
Padding(
padding: EdgeInsets.all(8.0),
child: Row(
children: [
Expanded(
child: Divider(
color: Colors.black,
thickness: 1,
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text('OR'),
),
Expanded(
child: Divider(
color: Colors.black,
thickness: 1,
),
),
],
),
),
Ваш экран результатов, как -> 