Programming/Flutter
[Programming/Flutter] 버튼으로 문자열 변경
scii
2020. 10. 7. 15:31
버튼을 누르면 "Hello, World!", "안녕, 세상!" 이렇게 두 개의 문자열이 번갈아가며 변경되는 것을 만들어보았다.
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() {
return _MyHomePageState();
}
// _MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
final List<String> _textList = ['Hello, World!', '안녕, 세상!'];
int idx = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('플러터 테스트'),
),
body: Text(
_textList[idx],
style: TextStyle(fontSize: 40),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
setState(() {
idx ^= 0x01;
});
},
child: Icon(Icons.touch_app),
),
);
}
}
FloatingActionButton을 클릭할때마다 idx가 xor 비트 연산으로 값이 계속 변경된다. 그 값에 따라 리스트에 있는 문자열이 선택되어지고 setState() 메소드로 화면을 갱신했다.