Flutter - showDialog 사용 방법, 다이얼로그를 출력하여 상호작용하기 (AlertDialog 활용)

Overview 이전에 다이얼로그와 플로팅 액션바를 이용한 메모 앱 만들기를 통해 다이얼로그에 대한 설명을 하였었지만, 이전 포스팅에서는 앱의 기능 구현을 위주로 포스팅하였으나, 다이얼로그의 설명 내용이 너무 부실한 것 같아서 다이얼로그에 대한 설명만을 담은 포스팅을 새롭게 추가하였습니다. (이전 포스팅 보러 가기) Flutter - Floating Action Button, showDialog - 플로팅 액션 버튼으로 특정 작업 수행하기(리스트뷰 항목 추가하기) 이번 포스팅에서는 다이얼로그를 출력하는 기능을 구현해봅니다. showDialog를 이용하여 AlertDialog 위젯을 생성 후, 다이얼로그로 사용자와 상호작용할 수 있는 방법을 설명합니다. 예시) 다이얼로그에서 숫자를 카운팅하는 앱 다이얼로그..

• format_list_bulleted Mobile/Flutter
• · 2023. 11. 22.
• textsms

Flutter - 플러터 버전 다운그레이드 하기 (Flutter Downgrade)

서론6일 전에 업데이트된 플러터 버전 3.16으로 업그레이드하였더니, 이상하게도 어떤 이유에서인지 모르겠으나 앱을 실행시키면 종료된다. 버전이 업그레이드 되면서 특정 부분에서 버그를 일으키는 것 같다. 나는 당장 이틀 뒤에 회사에 앱을 시연해야 하기 때문에... 급한 마음에 일단 플러터 버전을 다운그레이드 진행해서 앱을 돌려봤더니 정상적으로 실행됐다. 이번 포스팅에서는 플러터 버전을 다운그레이드 하는 방법을 알아본다.플러터 다운그레이드하기터미널을 열고 아래와 같이 플러터 다운그레이드 명령어를 입력하고 'y|n' 선택 문구가 뜨면 'y'를 입력한다.flutter downgrade y 이후 플러터 버전 확인 명령어로 버전을 확인하면 Dart SDK 버전이 다시 다운로드 된다.flutter --version ..

• format_list_bulleted Mobile/Flutter
• · 2023. 11. 21.
• textsms

Flutter - TTS로 글자 읽어주는 기능 구현하기 (flutter_tts)

TTS (Text To Speach)한국어로는 음성합성'이라고 칭한다.컴퓨터의 프로그램을 통해 사람의 목소리를 구현해 내는 것을 말한다.말 그대로 컴퓨터가 특정 글자들을 읽어주는 것을 말한다. 포스팅에서 설명하는 프로젝트는 아래의 링크에서 다운받을 수 있습니다.https://github.com/luvris2/flutter-example/tree/main/flutter_tts_testTTS Package Setting (설치 및 설정)TTS 패키지 설치텍스트를 읽어주기 위해서는 우선 필요한 패키지를 설치를 해야한다.flutter pub add flutter_tts안드로이드 설정android - app - build.gradle해당 경로의 파일을 열어 defaultConfig의 minSdkVersion을 2..

• format_list_bulleted Mobile/Flutter
• · 2023. 11. 1.
• textsms

Flutter - TextEditingController(TextField) 컨트롤러 사용 방법 (텍스트필드의 값 받아오기)

Overview텍스트필드에 사용자가 입력한 값을 받아와서 처리할 수 있도록 합니다.이 포스팅에서의 샘플 코드는 시각적으로 사용자의 입력 값 처리를 확인하기 위해실시간으로 입력된 값을 텍스트 위젯으로 출력하는 방법을 설명합니다. TextEditingController편집 가능한 텍스트 필드의 컨트롤러연결된 컨트롤러를 사용하여 텍스트 필드를 수정할 때마다 값을 업데이트할 수 있음text 속성을 사용하여 입력한 내용이 어떻게 업데이트 되었는지 확인 가능기본 구문// 텍스트 에디팅 컨트롤러 생성TextEditingController textController = TextEditingController();// 컨트롤러 연결TextField( controller: textController,)TextEditing..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 31.
• textsms

Flutter - DropDownButton 위젯 사용 방법 (드롭다운 메뉴 펼치기)

Overview앱 내에서 드롭다운 버튼을 사용하여 리스트의 값을 사용자가 선택할 수 있도록 합니다. 포스팅에서 사용된 프로젝트는 깃허브에서 확인가능합니다.https://github.com/luvris2/flutter-example하위 경로 : flutter_how_to_use_widgets_exampleDropdownButton기본 개념특정 항목의 목록을 선택하기 위한 Material 디자인 버튼버튼에는 현재 선택된 항목과 다른 항목을 선택할 수 있도록 메뉴를 여는 화살표가 함께 표시펼쳐진 메뉴에서 사용자는 여러 항목 중 하나의 항목 선택 가능기본 구문DropdownButton(    items: items, // [필수] 드롭다운 리스트 항목    onChanged: onChanged, // [필수] ..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 30.
• textsms

Flutter Key Input Error) 텍스트필드의 한글 입력 시 자음 모음이 분리되어 입력되는 현상 해결 방법

요약이 포스팅은 플러터에서 프로그래밍 로직 오류로 발생하는 자음 모음 분리 현상을 다룬 것입니다.의외로 한컴 오피스의 한글 소프트웨어에서 자음과 모음이 분리 현상으로 유입되는 분들이 많네요.윈도우에서 자음과 모음이 분리되는 현상에 대한 해결 방법은,아래의 포스팅의 '윈도우에서 전각/반각 변환하기' 챕터에서 확인 가능합니다.[IT 이야기] - 문자 인코딩의 전각/반각에 대해 (전자와 반자 이야기, 영문자 자간이 이상할 때 해결 방법)Error플러터로 앱을 개발하던 도중,안드로이드 에뮬레이터에서 텍스트필드에 입력한 한글이 이상하게 자꾸 자음과 모음이 분리되어 입력되었다.'ㅁㅏㅊㅣ ㅇㅣㄹㅓㅎㄱㅔ' 마치 이렇게 말이다.한국 플러터 개발자 커뮤니티에서도 확인해 본 결과,안드로이드 뿐만 아니라 iOS에서도 발생하는..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 29.
• textsms