Блог

Я новичок в flutter, и прямо сейчас я пытаюсь сделать что-то похожее на это: img 1.
Где поле текстовой формы выровнено по линии с флажком, а флажок уменьшен в углу, но максимум, что я могу сделать, это: img 2.
Где флажок заполняет половинуна экране я пытался расширить поле текстовой формы несколькими способами, такими как sizedbox, flex и expand, но ни один из них не заставил флажок сжиматься до угла, а поле текстовой формы расширяться, строка всегда разделяется посередине. Фактический код строки выглядит следующим образом:

 Row(
    children: [
              Expanded(
                  child: TextFormField(
                    style: TextStyle(
                        fontSize: 20
                    ),
                    decoration: InputDecoration(
                      hintText: "Senha",

                    ),
                    autocorrect: false,
                    obscureText: true,
                  ),
                ),
              Flexible(

                  child: SizedBox(
                    width: 10,
                    child: Checkbox(value: true, onChanged: (value){}),
                )
              )
            ],
          ),
 

Есть ли у меня какой-нибудь способ сделать это?
Должен ли я использовать контейнер или что-то в этом роде?

Любая помощь будет признательна.

Вы можете использовать класс CheckboxListTile .

 CheckboxListTile(
      title: const Text('Title'),
      value: value,
      onChanged: (value) {
        print(value);
      },
    );
 

дайте мне знать, если это сработает для вас.

Мне удалось сделать это с помощью свойства flex, как показано в следующем коде:

           Row(
            children: [
              Expanded(
                flex: 11,
                child: TextFormField(
                  style: TextStyle(
                      fontSize: 20
                  ),
                  decoration: InputDecoration(
                    hintText: "Usuario",

                  ),
                  autocorrect: false,
                  obscureText: true,
                ),
              ),
              Flexible(

                  child: SizedBox(
                    width: 10,
                    child: CheckboxListTile(
                      value: true,
                      onChanged: (value) {
                      },
                    ),
                  )
              )
            ],
          ),