-
[Flutter 플러터] Switch : 껐다 켰다 스위치Study/Flutter, Dart 2024. 12. 10. 21:38728x90반응형
SwitchWidget(text: "알림"), class SwitchWidget extends StatefulWidget { final String text; const SwitchWidget({super.key, required this.text}); @override State<SwitchWidget> createState() => _SwitchWidgetState(); } class _SwitchWidgetState extends State<SwitchWidget> { bool isChecked = false; @override Widget build(BuildContext context) { return SizedBox( width: double.infinity, height: 64, child: Padding( padding: const EdgeInsets.only(left: 24, right: 16), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text(widget.text,), Switch( value: isChecked, onChanged: (value) { setState(() { isChecked = value; }); }, activeColor: Colors.white, activeTrackColor: Colors.blue, ) ], ), ),); } }
728x90반응형'Study > Flutter, Dart' 카테고리의 다른 글
[Flutter 플러터] 이메일 보내기 구현 (ex. 문의하기) (1) 2024.12.25 [Flutter 플러터] Lotto 프로그램 만들기 (중복 제외, 오름차순 정렬까지) (0) 2024.09.27 [Flutter 플러터] 인스타그램 앱 따라 만들기 (0) 2024.09.12 [Flutter 플러터] 가위바위보 앱 따라 만들기 (1) 2024.09.10 [Flutter 플러터] 9. Flutter에서 화면 이동하기 (2) 2024.08.27