플러터:버튼: 두 판 사이의 차이

시각위키텍스트

2026년 1월 7일 (수) 12:21 기준 최신판

틀:플러터 Dart:개요 플러터에 대한 지식 분류

플러터:개요
1. 플러터:VSCode
2. 플러터:안드로이드 스튜디오
플러터:실행
플러터:개념 잡기
권한 사용
1. 플러터:마이크 입력
위젯
플러터:DB연결
1. 플러터:Firebase(미완)
2. 플러터:MySQL(미완)
디자인
1. 플러터:테마
2. 플러터:앱바
플러터:배포
플러터:참고자료
플러터:위젯
1. 플러터:공간배치용 위젯
플러터:구글 AdMob(미완)
플러터:라이브러리
1. 플러터:logger

개요

다양한 데이터 전달은 버튼을 통해서 이루어지지.

버튼

버튼은 다양한 종류가 있는데, 대동소이하다. 버튼 종류만 바꾸면 되니, 아래 공식 문서에서 필요에 따라 찾아서 진행하면 됨.

버튼에 대한 공식문서의 설명: https://docs.flutter.dev/get-started/fundamentals/user-input?utm_source=chatgpt.com

예시. Elevated버튼

ElevatedButton(
            onPressed: () {
              print('button pressed!');  // 버튼을 눌렀을 때의 동작.
            },
            child: Text('Next'),  // 버튼 안의 텍스트.
          ),


위젯	설명	비고
ElevatedButton
ElevatedButton.icon	아이콘이 있는 버튼. 내부적으로 자동 정렬.	icon 속성이 추가된다. ElevatedButton.icon(onPressed: () {appState.toggleFavorite();}, icon: Icon(Icons.favorite), label: Text("Like")), 아이콘 종류는 여기 확인. https://fonts.google.com/icons

@@ 4번째 줄: / 4번째 줄: @@
 다양한 데이터 전달은 버튼을 통해서 이루어지지.
-<syntaxhighlight lang="dart">
+=== 버튼 ===
-          ElevatedButton(
+버튼은 다양한 종류가 있는데, 대동소이하다. 버튼 종류만 바꾸면 되니, 아래 공식 문서에서 필요에 따라 찾아서 진행하면 됨.
+버튼에 대한 공식문서의 설명: https://docs.flutter.dev/get-started/fundamentals/user-input?utm_source=chatgpt.com
+== 예시. Elevated버튼 ==
+<syntaxhighlight lang="dart">ElevatedButton(
              onPressed: () {
                print('button pressed!');  // 버튼을 눌렀을 때의 동작.
              },
              child: Text('Next'),  // 버튼 안의 텍스트.
-           ),
+           ),</syntaxhighlight>
-</syntaxhighlight>
+{| class="wikitable"
+|+
+!위젯
+!설명
+!비고
+|-
+|ElevatedButton
+|
+|
+|-
+|ElevatedButton.icon
+|아이콘이 있는 버튼.
+내부적으로 자동 정렬.
+|icon 속성이 추가된다.
+ElevatedButton.icon(onPressed: () {appState.toggleFavorite();}, icon: Icon(Icons.favorite), label: Text("Like")), 아이콘 종류는 여기 확인. https://fonts.google.com/icons
+|-
+|
+|
+|
+|}