flutter 자주 쓰는 버튼 3가지
2024-09-11 17:28
1,823
0
0
0
본문
접기
[ ▼ 작성자 참고 Source ]
void main() {
runApp(const Suse_App());
}
class Suse_App extends StatelessWidget {
const Suse_App({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('suse_hh')
),
body: Column(
children: [
TextButton(
child: Text('Hello World1'),
onPressed: (){}
),
ElevatedButton(
child: Text('Linux'),
onPressed: (){}
),
IconButton(
icon: Icon(Icons.star),
onPressed: (){}
),
],
),
)
);
}
}
본문
TextButton : 평평한 스타일의 버튼으로, 배경색이 없이 텍스트만 표시됩니다. 클릭 시 텍스트에만 강조 효과가 생깁니다.(간단한 링크나 메뉴 항목을 표시할 때 사용됩니다.)
ElevatedButton : 배경이 있는 입체적인 버튼으로, 기본적으로 음영이 있어 버튼이 위로 떠 있는 것처럼 보입니다.(사용자의 주목을 끌고 중요한 액션을 수행할 때 적합합니다.)
IconButton : 아이콘으로만 이루어진 버튼으로, 텍스트가 없이 아이콘만 표시됩니다. 주로 툴바나 앱바에서 사용됩니다. (특정 액션을 나타내는 아이콘을 클릭할 때 사용됩니다.)
0
0
로그인 후 추천 또는 비추천하실 수 있습니다.
댓글목록0