import ‘package:flutter/material.dart’;
void main() { runApp(MyApp()); }
class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); }
class _MyAppState extends State
void _toggleButton() { setState(() { _isToggled = !_isToggled; }); }
@override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text(‘Toggle Button’), ), body: Center( child: FlatButton( onPressed: _toggleButton, color: _isToggled ? Colors.green : Colors.red, child: Text( _isToggled ? ‘ON’ : ‘OFF’, style: TextStyle(color: Colors.white), ), ), ), ), ); } } ```
위의 예시 코드는 Flutter의 FlatButton
위젯을 사용하여 토글 버튼을 만드는 방법을 보여줍니다. FlatButton
은 눌렀을 때 반응이 있으나, 배경이 없는 버튼을 만들 수 있습니다.
버튼을 누르면 _toggleButton
함수가 호출되고, 상태를 변경하여 배경 색상과 텍스트를 업데이트합니다.
Flutter에서는 setState
를 사용하여 상태를 변경했을 때 위젯을 다시 빌드하도록 할 수 있습니다.
더 자세한 내용은 공식 Flutter documentation에서 찾아볼 수 있습니다.