flutter 자주 쓰는 버튼 3가지
2024-09-11 17:28
674
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