Flutter 51

Flutter SpeechToText 에서 한국어 설정

Flutter 에서 말(speaking)을 문자로 변환하기 위해서 SpeechToText 라이브러리를 사용했다. 개발자들이 제일 많이 사용하는 라이브러리인것 같다. Google 에서 Cloud 상에서 제공하는 기능이 있지만 유료기에 일단 패스. 기본 설정 SpeechToText speechToText = SpeechToText(); ... var available = await speechToText.initialize(); if (available) { ... speechToText.listen(onResult: (result) { ... }, localeId: 'ko-KR'); } 기본 언어가 영어이기 때문에 영어를 사용한다면 localeId 가 없어도 된다. speechToText.listen(on..

Dev/Flutter 2023.10.24

XCode 15 에서 iOS17 앱 빌드가 실패하는 이슈

오류 Error (Xcode): Sandbox: rsync.samba(37827) deny(1) file-write-create /.../StudioProjects/mvp_english_by_gpt/build/ios/Debug-iphonesimulator/Flutter.framework 1. 해당 프로젝트를 Xcode 로 연다. 2. 왼쪽 사이드바에서 Runner 를 선택한다. 3. Runner 창 에서 TARGETS 에서 Runner 를 선택한다. 4. "Build Settings" 탭을 선택한다. 5. 해당 탭 영역의 탐색창에서 "ENABLE_USER_SCRIPT_SANDBOXING" 검색해서 찾는다. 6. ENABLE_USER_SCRIPT_SANDBOXING 해당 키의 값이 "No" 그렇다면 비활성..

Dev/Flutter 2023.10.12

[Flutter] iOS 빌드 오류 - XcodeBuild Error by Dependency Package

flutter xcodebuild: error: Could not resolve package dependencies: checksum of downloaded artifact of binary target 'FirebaseFirestore' (4a0070c4bf7e5ab59359dd8a0e68f402f3ec6c1e189fc39cc44ca88418f26ac4) does not match checksum specified by the manifest 위와 같은 FirebaseFirestore 패키지 오류가 났었는데, Xcode 캐시 지우고, Flutter 재빌드하고 해봤는데 아무런 소용이 없었다. 나의 경우는 Xcode 의 의존성 패키지를 업데이트하니깐 관련 오류가 해결이 되었다. 참고 : https://..

Dev/Flutter 2023.07.24

[Flutter] ListView.Builder 를 사용할때 주의할 점

ListView.builder or ListView.seperated 를 사용해서 리스트를 구현할때, UI 관점에서 주의할 점이 있습니다. ListView 를 생성해서 UI 만들어진 리스트를 보게되면 위 아래 공백이 생깁니다. 자세히 보다보니 ListView 에는 기본적인 Padding 값이 존재합니다. 그렇기때문에 Padding 값을 설정하고 ListView 를 만들어줘야 합니다. ListView.separated( shrinkWrap: true, padding: EdgeInsets.zero, itemCount: items.length, separatorBuilder: (BuildContext context, int index) => const SizedBox(height: 15), itemBuilde..

Dev/Flutter 2022.12.23

[Flutter] Border 테두리 - 라운드 사각형 디자인

플러터로 테두리에 라인을 그리는 형태의 박스를 디자인 하기 위해서 Container 위젯을 사용해도 되고, Card 위젯을 사용해서 구현하면 됩니다. Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(6), color: Colors.white, border: Border.all(color: color), ), padding: const EdgeInsets.only(left: 6, right: 6, top: 4, bottom: 4), child: item, ) Card( elevation: 0, margin: EdgeInsets.zero, shape: RoundedRectangleBorder( side: BorderSide(..

Dev/Flutter 2022.12.07

[Flutter] Mockito 를 이용한 테스트 코드 설정 방법

Mock 클래스 셋팅 방법 1. yaml 설정 dev_dependencies: flutter_test: sdk: flutter mockito: ^5.3.2 build_runner: ^2.3.2 2. 테스트 진행할 클래스 파일의 Mock 클래스 생성 class MainViewModelMock extends Mock implements MainViewModel {} 3. main() 함수 위에 Generate 선언 @GenerateMocks([MainViewModelMock]) void main() { .... } 4. 터미널에서 Mock 파일 생성 flutter pub run build_runner build 5. 테스트를 진행할 main() 함수에서 Mock 클래서 선언 및 호출 late MockMain..

Dev/Flutter 2022.11.25