ElevatedButton()

프랭크 IT·2023년 10월 15일
0

flutter

목록 보기
20/28
post-custom-banner

return ElevatedButton(...); 문장은 Flutter에서 ElevatedButton 위젯을 반환하는 코드입니다. ElevatedButton은 Flutter에서 제공하는 머터리얼 디자인의 누를 수 있는 버튼 위젯입니다. 이 버튼은 누르면 눌림 효과(elevation)가 있고, 다양한 스타일링을 적용할 수 있습니다.

여기서 return 키워드는 함수나 메서드에서 값을 반환하는 역할을 합니다. ElevatedButton 위젯을 반환함으로써 이 위젯이 화면에 표시될 수 있게 됩니다.

ElevatedButton 위젯은 주로 다음과 같은 구조로 사용됩니다:

  • onPressed: 버튼이 눌렸을 때 실행될 함수를 지정합니다.
  • child: 버튼 내부에 표시될 위젯을 지정합니다. 주로 Text 위젯이 사용됩니다.

예를 들어, 다음과 같은 코드는 "Beep"이라는 텍스트를 가진 버튼을 생성하고, 버튼을 누르면 FlutterBeep.beep() 함수가 호출되어 Beep음이 발생하게 됩니다.

ElevatedButton(
  onPressed: () {
    FlutterBeep.beep();  // 버튼이 눌렸을 때 Beep음을 재생합니다.
  },
  child: Text('Beep'),  // 버튼의 레이블을 설정합니다.
)

이렇게 ElevatedButton은 Flutter 앱에서 사용자의 액션을 받기 위한 중요한 UI 요소 중 하나입니다.

profile
AWS, Vue, Java, flutter, Mongodb, Python, Git , EKS, Docker, 독서, 영어, 에어로빅, 자전거, 농구, 바둑, 풋살, 복싱, Guitar, 글쓰기, 랭체인
post-custom-banner

0개의 댓글