[flutter] FlatButton을 사용하여 토글 버튼을 만드는 방법은?

import ‘package:flutter/material.dart’;

void main() { runApp(MyApp()); }

class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); }

class _MyAppState extends State { bool _isToggled = false;

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에서 찾아볼 수 있습니다.