11.04.2020 в 19:25
Аким Солянкин
Краткое руководство по разработке кнопки переключения в Flutter.
Переключатель Flutter используется для переключения между настройками вкл / выкл, соответственно true / false.
Когда переключатель включен, значение, возвращаемое свойством Switch onChanged, имеет значение true, а переключатель выключен, свойство onChanged возвращает значение false.
В следующем примере приложения Flutter мы определили виджет Switch. Всякий раз, когда Switch переключается, onChanged вызывается с новым состоянием Switch в качестве значения.
Мы определили логическую переменную isSwitched для хранения состояния Switch.
Создайте базовое приложение Flutter и замените main.dart следующим кодом.
main.dart
Полный исходный код ...
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Home(),
);
}
}
class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends State {
bool isSwitched = false;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.green,
title: Text("Flutter Switch Example"),
),
body: Center(
child: Switch(
value: isSwitched,
onChanged: (value){
setState(() {
isSwitched=value;
print(isSwitched);
});
},
activeTrackColor: Colors.lightGreenAccent,
activeColor: Colors.green,
),
),
);
}
} 
