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

Виджет Switch в Flutter

Для настроек «включено / выключено» чаще берут Switch - ползунок Material. Он работает так же, как Checkbox по смыслу: value типа bool и onChanged с новым значением.

Подпись к переключателю не входит в сам Switch. Её ставят в Row или используют SwitchListTile - аналог списка с галочкой. Ниже - пара «текст + переключатель» на одном экране:

import 'package:flutter/material.dart'; void main() { runApp(const MaterialApp(home: HomePage())); } class HomePage extends StatefulWidget { const HomePage({super.key}); @override State<HomePage> createState() => _HomePageState(); } class _HomePageState extends State<HomePage> { bool darkOn = false; @override Widget build(BuildContext context) { return Scaffold( body: Padding( padding: const EdgeInsets.all(16), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ const Text('Dark theme'), Switch( value: darkOn, onChanged: (value) { setState(() { darkOn = value; }); }, ), ], ), ), ); } }

Разместите Switch с подписью 'Notification sound'. Начальное значение true. Под строкой выведите Text 'On' или 'Off' в зависимости от value.

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