flutter 자주 쓰는 버튼 3가지 > 프로그래밍

본문 바로가기

프로그래밍

flutter 자주 쓰는 버튼 3가지

본문



접기 [ ▼ 작성자 참고 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

등록된 댓글이 없습니다.
게시판 전체검색