728x90

UI구성 2

아토믹데브_13_Flutter와 Bootstrap을 활용한 크로스 플랫폼 웹 개발

13강: 버튼과 클릭 이벤트 처리내용 요약Flutter에서 버튼 생성 및 클릭 이벤트 처리 방법:Flutter에서 버튼은 사용자의 상호작용을 처리하는 중요한 UI 요소입니다. 다양한 버튼 위젯이 있으며, 각 버튼은 고유한 스타일과 기능을 제공합니다.버튼 클릭 시 특정 동작을 수행하도록 설정할 수 있으며, 이를 위해 onPressed 콜백 함수를 사용합니다. 사용자가 버튼을 클릭하면 onPressed에 정의된 함수가 실행됩니다.다양한 종류의 버튼 사용법:ElevatedButton: 일반적인 버튼으로, 눌렀을 때 높이감이 있는 효과를 줍니다.TextButton: 텍스트로만 이루어진 버튼으로, 클릭 가능한 링크처럼 보입니다.OutlinedButton: 외곽선만 있는 버튼으로, 텍스트 버튼과 유사하지만 테두리가..

아토믹데브_9_Flutter와 Bootstrap을 활용한 크로스 플랫폼 웹 개발

9강: Flutter의 레이아웃 위젯 - Column과 Row내용 요약Flutter의 레이아웃 위젯인 Column과 Row 소개:Column과 Row는 Flutter의 주요 레이아웃 위젯으로, 각각 수직 및 수평 방향으로 위젯을 배열하는 데 사용됩니다.Column: 위젯들을 세로로 정렬합니다. 주로 텍스트, 이미지, 버튼 등을 세로로 쌓을 때 사용됩니다.Row: 위젯들을 가로로 정렬합니다. 주로 버튼, 아이콘, 텍스트 등을 가로로 나란히 배치할 때 사용됩니다.이 두 위젯은 자식 위젯들을 배열하는 방식에 유연성을 제공하며, mainAxisAlignment, crossAxisAlignment와 같은 속성을 사용하여 레이아웃의 정렬과 간격을 조절할 수 있습니다.위젯을 사용한 레이아웃 구성 방법:Column과 ..

728x90