Виджет 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.