🗝️소프트웨어/Flutter

[Flutter] 버튼 위젯(TextButton, ElevatedButton, OutlinedButton) 사용법과 예제 코드 그리고 그 외 필수 개념들

안녕하세요! 오늘은 Flutter에서 자주 사용되는 버튼 위젯인 TextButton, ElevatedButton, OutlinedButton에 대해 알아보겠습니다. 이 글에서는 해당 위젯들의 기본 사용법과 예제 코드를 제공합니다. 또한, 코드 작성 시 주의해야 할 몇 가지 플러터 규칙과 유용한 코드 정리 단축키도 함께 알아봅시다. Button - TextButton TextButton은 간단한 텍스트 버튼을 만들 때 사용됩니다. 아래는 TextButton을 생성하고 그에 대한 예제 코드입니다. TextButton( onPressed: () { // 버튼 클릭 시 실행할 동작 print('TextButton 클릭됨'); }, child: Text('TextButton 텍스트'), ) - ElevatedBu..

Flutter Wrap 위젯 사용 팁: option(⌥)+enter 단축키 활용하기

더보기 option(⌥)+ enter : 감싸는 구조(Wrap) 만들거나 제거할때 활용 1. Introduction Flutter에서는 Wrap 위젯을 많이 사용하는 것 같다. 왜냐하면 화면의 모든 요소 자체가 위젯이다 보니, 배치를 할때 Column, Row, Container 등을 적절하게 혼재해서 사용해야 하기 때문이다. 하지만 실제로 VS Code 또는 Android Studio로 코드를 짜는 경우 새롭게 Wrap 을 하는 것 자체가 쉽지 않은 작업이다. 괄호가 많고 자칫 잘못했다가 코드에서 에러가 발생하기 쉽상이기 때문이다. 그래서 Wrap 을 하기 위해서는 option 키와 enter 키를 같이 누르게 되면 해당 위젯에 대해 어떤 식으로 감쌀 것인지, 또는 감싸져 있는 부분을 제거할 것인지 선..