Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
624 of 1024 menu
◀ ▶

Виджет Switch

Виджет Switch принимает value и onChanged. Есть adaptive.

Синтаксис

Switch(value: true, onChanged: (_) {})

Параметры

Параметр Описание
value Текущее состояние.
onChanged Вызывается при смене.

Методы

Метод Описание
adaptive Рисует выключатель в стиле текущей платформы.

Пример

Давайте выведем переключатель:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Switch(value: true, onChanged: (_) {}), ), ), ), ); }

На экране элемент управления по центру.

Пример

Давайте включим состояние через State:

import 'package:flutter/material.dart'; void main() { runApp(const MaterialApp(home: Demo())); } class Demo extends StatefulWidget { const Demo({super.key}); @override State<Demo> createState() => _DemoState(); } class _DemoState extends State<Demo> { bool on = true; late Widget bodyWidget = Switch(value: on, onChanged: (v) => setState(() => on = v)); @override Widget build(BuildContext context) { return Scaffold( body: Center(child: bodyWidget), ); } }

На экране можно переключить значение нажатием.

Смотрите также

  • метод adaptive,
    который выбирает вид под платформу
  • виджет SwitchListTile,
    который ставит переключатель в строку
  • виджет RadioGroup,
    который связывает группу переключателей
  • перечисление ListTileControlAffinity,
    который ставит флажок слева или справа
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить