모바일 공부/Flutter23 ShowDialog와 AlertDialog 팝업 메시지 Flutter 앱을 개발하다보면 사용자와 상호작용하기 위해 다이얼로그를 표시해야 할 때가 있습니다. 이를 위해 Flutter는 AlertDialog 위젯과 ShowDialog 함수를 제공합니다. 이 두 가지를 사용하여 앱 내에서 간단하고 효과적으로 대화 상자를 표시할 수 있습니다.AlertDialog AlertDialog는 사용자에게 메시지를 표시하고 확인 또는 취소와 같은 선택지를 제공하는 Flutter 위젯입니다. 주로 경고 메시지, 정보 제공, 사용자의 확인이나 취소를 요청하는 등의 목적으로 사용됩니다. Future _showMyDialog() async { return showDialog( context: context, barrierDismissible: false, // user.. 2024. 5. 30. DropdwonButton 기본 개념특정 항목의 목록을 선택하기 위한 Material 디자인 버튼입니다.버튼에는 현재 선택된 항목과 다른 항목을 선택할 수 있도록 메뉴를 여는 화살표가 함께 표시합니다.펼쳐진 메뉴에서 사용자는 여러 항목 중 하나의 항목 선택 가능 합니다.기본 구문DropdownButton( items: items, // [필수] 드롭다운 리스트 항목 onChanged: onChanged, // [필수] 리스트의 항목이 변경되었을 경우 value : value, // [옵션] 선택한 항목의 값을 드롭다운 버튼에 표시) items필수로 정의해주어야 하는 항목드롭다운의 메뉴를 펼쳤을 때 보여질 아이템 리스트를 정의DropdownMenuItem 위젯의 value와 child로 구성// 드롭다운 메뉴 아이.. 2024. 5. 17. future , async , await flutter로 앱을 만들다 보면 심심치 않게 보이는 구문이 있습니다 future , async , await 이 3명의 친구들입니다 이 친구들은 바로 비동기 프로그램을 사용될 때 쓰이는 친구들입니다 비동기 프로그램은 뭔가? 동기란 C언어, C++과 같이 모든 동작을 차례대로 완료 후 수행하는 것비동기란 어떤 동작이 완료가 되지 않아도 다음 동작을 수행하는 것이렇게 적어도 뭔소리인지 잘 못 알아듣겠다 하면 쉬운 예제로 동기 : 요리를 하면서 파스타 하나만 계속 요리해서 완성하고 다른 요리 시작하는 것이 동기비동기: 파스타 면 삶고 소스 끓이고, 고기 굽고 동시에 하는것을 비동기입니다 어떤 동작이 완료되지 않아도 다른 것들을 수행하는 것비동기 코드는 왜 중요한가?비동기 작업을 사용하면 다른 작업이.. 2024. 5. 17. Expanded expanded 용도: Row나 Column등에서 핸드폰 화면에 맞게 균일하게 배치하기 위해서 사용합니다. pixel기준으로 할 경우, 핸드폰 규격에 맞추기 어렵지만, expanded를 사용할 경우 핸드폰 규격에 맞추기 쉽습니다. expanded 이론: 부모의 남은 범위를 flex의 비율에 맞춰서 모두 가져갑니다. expanded가 없는 것이 우선적으로 넓이를 가지고, expanded가 남은 것들을 가져갑니다. expanded 예시: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 child: Column( children: [ Expanded( //Expanded 안에 child로 다른걸 넣는다. child: Container( color: Colors.red, ), flex.. 2024. 4. 15. 이전 1 2 3 4 5 6 다음