Как добавить метку (текст заголовка) в поле «Флаттер»?

Question

Я играю с флажком, чтобы увидеть, как он работает, но я не вижу опции заголовка с ним.

Checkbox(
  title: Text("Checkbox label"),  // The named parameter 'title' isn't defined.
  value: true,
  onChanged: (newValue) { },
);

Нужно ли создавать собственный виджет, чтобы добавить к нему заголовок?

Answer 1

Если вам нужен Checkbox с этикеткой, вы можете использовать CheckboxListTile.

  CheckboxListTile(
    title: Text("title text"), //    <-- label
    value: checkedValue,
    onChanged: (newValue) { ... },
  )

Если вы хотите установить флажок слева от текста, вы можете установить параметр controlAffinity.

  CheckboxListTile(
    title: Text("title text"),
    value: checkedValue,
    onChanged: (newValue) { ... },
    controlAffinity: ListTileControlAffinity.leading,  //  <-- leading Checkbox
  )

Примечания

• Поскольку это ListTile, нажатие в любом месте строки активирует обратный вызов onChanged().Вы должны восстановить его с правильными проверенными значениями самостоятельно, все же.См. этот ответ .
• Альтернативным решением будет создание собственного виджета с использованием строки с флажком и текстового виджета.Вы, вероятно, захотите обернуть его в детектор жестов, так что нажатие на текст также вызовет обратный вызов onChanged().Вы можете начать с CheckboxListTile исходного кода в качестве ссылки.