Checkbox
slug: /resources/forms/checkbox title: Checkbox tags: [Виджеты, Элементы формы] keywords: [FlutterFlow, Checkbox, CheckboxGroup, CheckboxListTile, Множественный выбор] description: Узнайте, как добавить виджет Checkbox, CheckboxGroup и CheckboxListTile в свое приложение FlutterFlow. ---# Checkbox
В FlutterFlow флажок - это удобный виджет ввода, используемый для захвата бинарных выборов от пользователей, таких как true/false или yes/no. Он идеально подходит для ситуаций, когда вам нужно предложить пользователям варианты, которые можно выбирать или отменять по отдельности. FlutterFlow предоставляет три основных вариации флажка: Checkbox, CheckboxListTile и CheckboxGroup. Каждый из этих виджетов предлагает уникальные функции и случаи использования, что позволяет легко настроить интерфейс вашего приложения под ваши конкретные потребности.
Прежде чем погружаться в виджеты формы, ознакомьтесь с нашим руководством по Состоянию виджета, чтобы эффективно управлять состоянием и поведением ваших элементов формы.
Checkbox
Виджет Checkbox является самой простой формой флажка. Он состоит из небольшого квадрата, который может быть отмечен или не отмечен. Этот виджет обычно используется для отдельных булевых опций. Вы можете настроить внешний вид и поведение флажка, такие как его размер, цвет и то, начинается ли он отмеченным или неотмеченным.
Добавление флажка
Давайте посмотрим, как добавить виджет флажка и построить пример, который показывает его значение на виджете Text. Вот как это выглядит:
Вот простой способ сделать это:
1. Сначала щелкните + Добавить виджет, перетащите виджет Checkbox из вкладки Основные элементы или добавьте его непосредственно из дерева виджетов. 2. Под флажком добавьте Text виджет, перейдите в панель свойств, щелкните Установить из переменной и выберите Состояние виджета > checkboxValue (т.е. название вашего флажка).
Установка начального значения
Возможно, вам захочется показать флажок со значением по умолчанию, либо отмеченным, либо не отмеченным. Например, показ отмеченного флажка для страхования путешествий.
Чтобы установить начальное значение:
1. Выберите виджет Checkbox, переходите в панель свойств и найдите свойство Checkbox Initial Value. 2. Используйте флажок для установки этого значения вручную или щелкните Установить из переменной, чтобы установить его на основе динамического значения. Если вы выбрали Установить из переменной, убедитесь, что передаете логическое значение из источника (например, ответ API, поле документа Firestore).