[FLUTTER] Button

[Button]

Flutter는 클릭 이벤트를 받는 다양한 Button을 제공

// 위로 올라와 있는 듯한 버튼
ElevatedButton(
  onPressed: () {},
  child: Text('Elevated Button'),
),

// 텍스트 버튼
TextButton(
  onPressed: () {},
  child: Text('Text Button'),
),

// 아이콘 버튼
IconButton(
  onPressed: () {},
  icon: Icon(Icons.add),
),

프로젝트에 사용할 버튼은 ElevatedButton

ElevatedButton(onPressed: () {}, child: Text('로그인')) // 익명함수

위 코드를 기존 코드에 추가시켜주면된다.

 

#추가

해당 위젯을 자동완성해서 처음에 봤을때는, 아래처럼 뜨는데, 두 부분 다 무조건 써줘야하는 부분이다.

아직 문법을 배우지않아서, 버튼을 눌렀을때는 위 코드처럼 익명함수로 처리해주었다.

ElevatedButton(onPressed: onPressed, child: child)

익명함수란?

함수명 대신 변수명에 함수 코드를 저장하는 구현 방식

 

• 전체 결과 화면