본문으로 이동

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

학교의 모든 지식. SMwiki
새 문서: {{플러터}} == 개요 == 다양한 데이터 전달은 버튼을 통해서 이루어지지. <syntaxhighlight lang="dart"> ElevatedButton( onPressed: () { print('button pressed!'); // 버튼을 눌렀을 때의 동작. }, child: Text('Next'), // 버튼 안의 텍스트. ), </syntaxhighlight>
 
잔글 개요
4번째 줄: 4번째 줄:
다양한 데이터 전달은 버튼을 통해서 이루어지지.
다양한 데이터 전달은 버튼을 통해서 이루어지지.


<syntaxhighlight lang="dart">
<syntaxhighlight lang="dart">ElevatedButton(
          ElevatedButton(
             onPressed: () {
             onPressed: () {
               print('button pressed!');  // 버튼을 눌렀을 때의 동작.
               print('button pressed!');  // 버튼을 눌렀을 때의 동작.
             },
             },
             child: Text('Next'),  // 버튼 안의 텍스트.
             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
|-
|
|
|
|}

2025년 11월 13일 (목) 07:29 판

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

  1. 플러터:개요
    1. 플러터:VSCode
    2. 플러터:안드로이드 스튜디오
  2. 플러터:실행
  3. 플러터:개념 잡기
    1. 플러터:화면 하나 만들기
    2. 플러터:변하는 화면(StatefulWidget)
    3. 플러터:화면 전환(화면 쌓기, 하단 네비게이션 바)
    4. 플러터:화면 전환(Drawer)
    5. 플러터:입력 관련
      1. 플러터:버튼
      2. 플러터:키보드 입력
      3. 플러터:슬라이더
    6. 플러터:그래프 그리기(fl chart)
    7. 플러터:데이터 저장(간단한 데이터)
    8. 플러터:인증(Firebase 인증)(미완)
    9. 플러터:인증(OAuth2)(미완)
  4. 권한 사용
    1. 플러터:마이크 입력
  5. 위젯
    1. 플러터:아이콘
    2. 플러터:레이아웃 계열 위젯
    3. 플러터:네비게이션 계열 위젯
    4. 플러터:버튼
    5. 플러터:상태관리(미완)
  6. 플러터:DB연결
    1. 플러터:Firebase(미완)
    2. 플러터:MySQL(미완)
  7. 디자인
    1. 플러터:테마
    2. 플러터:앱바
  8. 플러터:배포
  9. 플러터:참고자료
  10. 플러터:위젯
    1. 플러터:공간배치용 위젯
  11. 플러터:구글 AdMob(미완)
  12. 플러터:라이브러리
    1. 플러터:logger

개요

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

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