Список переключателей в виде плитки

SwitchListTile — это комбинация Switch (переключатель) и ListTile. При нажатии в любом месте плитки SwitchListTile происходит переключение.

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

Вот пример того, как вы можете использовать виджет SwitchListTile в своем проекте:

• Перетащите виджет SwitchListTile с вкладки Base Elements и поместите его внутрь колонки.
• По умолчанию переключатель изначально включен.
  • Чтобы отключить его, перейдите на панель свойств и снимите флажок со свойства Switch Initial Value.
  • Чтобы установить его значение на основе переменной (например, локальной переменной состояния, ответа API), перейдите на панель свойств, нажмите на Set from Variable и выберите Source.
• Чтобы задать заголовок, прокрутите вниз до раздела Title и измените свойство Text.
• Аналогично прокрутите вниз, найдите раздел Subtitle и измените свойство Text, чтобы добавить описание.

На данном этапе на страницу добавлен один элемент SwitchListTile. Чтобы добавить больше элементов, скопируйте и вставьте виджет SwitchListTile, как показано ниже:

Вы можете установить тип платформы, например, Adaptive, Android или iOS для этого виджета. При выборе типа Adaptive виджет будет отображаться в своем родном стиле. Это означает, что виджет будет отображаться в стиле iOS при запуске на устройствах iOS и в стиле Android на устройствах Android. Вы также можете выбрать только Android или iOS, чтобы отображать виджеты в определенном стиле рендеринга на всех платформах.

Чтобы установить тип платформы:

• Выберите виджет SwitchListTile в дереве виджетов или в области холста.
• Перейдите на панель свойств и откройте раздел Платформа.
• Установите тип платформы среди Адаптивный, Android или iOS.

Панель свойств можно использовать для настройки внешнего вида и поведения вашего виджета.

Ознакомьтесь с инструкциями о том, как добавить подложку.

Ознакомьтесь с инструкциями по настройке выравнивания.

Используя различные свойства в разделе Switch List Style Properties, вы можете настроить плитку SwitchListTile в соответствии с вашим дизайном.

Ознакомьтесь с инструкциями по стилизации плитки SwitchListTile.

Чтобы изменить цвет переключателя:

• Выберите SwitchListTile в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела свойств плитки Switch List Tile.
• Чтобы изменить цвет большого пальца (скользящий круг), найдите свойство Thumb Color и нажмите на поле рядом с уже выбранным цветом, выберите цвет, а затем нажмите Use Color или нажмите на уже выбранный цвет и введите шестнадцатеричный код напрямую.
• Чтобы изменить цвет дорожки (линии, по которой скользит круг), найдите свойство Track Color и нажмите на поле рядом с уже выбранным цветом, выберите цвет, а затем нажмите Use Color или нажмите на уже выбранный цвет и введите шестнадцатеричный код напрямую.

Чтобы переключатель отображался перед заголовком:

• Выберите SwitchListTile в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела Switch List Tile Properties.
• Прокрутите вниз и отметьте свойство Leading (щелкните на нем).

Здесь приведены инструкции по настройке заголовка.

Здесь приведены инструкции по настройке подзаголовка.

Посмотрите, как установить цвет из переменной в любое свойство цвета этого виджета.

Чтобы выполнить какое-либо действие по щелчку на SwitchListTile, необходимо обернуть SwitchListTile внутри виджета Container, а затем добавить действие в FlutterFlow.

Инструкции по отображению/скрытию виджета находятся здесь.

Чтобы отобразить данные, извлеченные из коллекции Firestore и документированные в виджете SwitchListTile, убедитесь, что вы:

• Понимаете структурирование базы данных Firebase.
• Выполнили все шаги в разделе «Настройка Firebase» для вашего проекта.
• Извлекли данные из коллекции или документа.
• Наконец, чтобы отобразить данные в виджете SwitchListTile, выполните следующие шаги.