develop/Flutter 34

Framework 'flutter_inappwebview' not found 6.0.0 버전

우선 Framework 'flutter_inappwebview' not found오류가 계속 떴다. 5.x.x 버전에서 6.0.0으로 올리니깐 안드로이드는 빌드되지만 iOS가 안되네? 헣ㅎ허weburl 때문에 무조건 6.0을 써야하는 상황인데 다시 다운그레이드를 할 수도 없는 상태에서 무조건 방법을 찾아야했다. 이번에 소요된 시간 무료 12시간,,, 이 글이 도움이 되기를  먼저 발생한 에러는 아래와 같다. Launching lib/main.dart on iPhone 13 in debug mode...Running Xcode build... └─Compiling, linking and signing... ..

develop/Flutter 2024.05.14

[Flutter] 웹뷰 간편 일반 결제 안드로이드 intent 해결하기 flutter_inappwebview ERR_UNKNOWN_URL_SCHEME

현재 상황은 이렇습니다. 사용자가 결제를 하려고 하는데 웹페이지를 사용할 수 없음net:: ERR_UNKNOWN_URL_SCHEME으로 뜨고 앱결제는 넘어가고 일반 결제는 넘어가지도 않는 문제였다.  지난 1주일간 인터넷에서 확인할 수 있는 모든 정보를 찾아서 확인하고 적용하고 온갖 난리를 부렸지만 해결 되지 않았다. 결제가 되지 않는건 중요도가 매우 높은 오류라마음이 급했다. 원래 사용하던 라이브러리는 flutter_inappwebview ^5.8.0 버전https://pub.dev/packages/flutter_inappwebview flutter_inappwebview | Flutter packageA Flutter plugin that allows you to add an inline webvie..

develop/Flutter 2024.04.08

Flutter Setting 화면 만들기 UI 코드 - Setting_UI 커스텀 하여 사용하기 switch

지난 글에서 라이브러리로 Setting 화면 빌드하는 방법에 대해 포스팅 했었다. 2023.08.24 - [develop/Flutter] - Flutter Setting 화면 만들기 UI 코드 - settings_ui Flutter Setting 화면 만들기 UI 코드 - settings_ui 앱을 만들면 80% 이상은 설정화면이 필요한 것 같습니다. 늘 직접 코딩해서 사용하다, 이번에는 너무 귀찮기도 하고 시간도 없어 라이브러리를 사용하기로 했습니다. 그래서 원하는대로 나올지 devfart.tistory.com 글 말미에 커스텀 이야기를 했는데, 역시 세상에는 똑똑한 개발자가 많다. 보통 다른 뷰와 비슷하게 빌드하려면 배경색상만 변경하면 비슷해지는 것 같다. 라이브러리에서는 배경 색상을 변경할 수 있는..

develop/Flutter 2023.08.25

Flutter Setting 화면 만들기 UI 코드 - settings_ui

앱을 만들면 80% 이상은 설정화면이 필요한 것 같습니다. 늘 직접 코딩해서 사용하다, 이번에는 너무 귀찮기도 하고 시간도 없어 라이브러리를 사용하기로 했습니다. 그래서 원하는대로 나올지는 알수 없지만 빠르고 얼추 나오면 뭐 상관없지 않을까 해서 적용기를 작성해보고자 합니다. 라이브러리는 "settings_ui"을 사용합니다. https://pub.dev/packages/settings_ui settings_ui | Flutter Package Create native settings for Flutter app in minutes. Use single interfaces to build pub.dev pub에 설치합니다. flutter pub add settings_ui dependencies: set..

develop/Flutter 2023.08.24

Flutter iOS처럼 디자인하고 동작하게 만들기 - Cupertino

iOS에서 Flutter로 넘어오면서 계속 느끼는건 이 구린 디자인이다. 사실 안드 기본 디자인이 너무 별로다 투박하고 옛날 느낌이 난다. 약 15년전 감성이랄까. 취향차이니깐 괜찮다. 그리고 우선 기본 골조만 다르게 잡으면 내부 위젯은 공유하면서 사용하면 된다. 즉 초기 분기 부분이 귀찮다. 우선 Platform을 확인 해야 한다. iOS인지 아닌지에 따라 Cupertino or Material 을 사용하면 된다. final TargetPlatform platform = Theme.of(context).platform; return platform == TargetPlatform.iOS ? CupertinoApp( debugShowCheckedModeBanner: false, home: Scaffold..

develop/Flutter 2023.08.21

Flutter TTS Text to Speech 음성합성 글자 소리내서 읽기

글을 기계가 읽어주는 걸 TTS라고 합니다. 네이버 클로바에서 많이 볼 수 있습니다 라이브러리를 사용해서 TTS를 구현하고자 합니다. POPULARITY가 99%입니다. https://pub.dev/packages/flutter_tts flutter_tts | Flutter Package A flutter plugin for Text to Speech. This plugin is supported on iOS, Android, Web, & macOS. pub.dev 패키지 적용 flutter pub add flutter_tts 안드로이드는 21이상에서 작동하고 맥은 10.15 이상에서 작동하니 Readme를 읽어보시기 바랍니다. minSdkVersion 를 전체 검색 또는 빌드그래들에서 수정하시면 됩니다..

develop/Flutter 2023.08.15

Flutter Tts 사일런트 모드일때 사운드 재생 안됨 해결하기 iOS AudioCategory 구분하기

tts 기능을 개발하고 실기기에 물려서 테스트할 때는 잘 되더니 테스트플라이트에 올려서 확인하니 tts가 안나와서 당황스러웠습니다. 그래서 사운드를 키우고 시도했는데 안돼서 버그인가 했는데요 무음 모드 해둔걸 깜빡하고 테스트를 했습니다. 어찌 되었든 TTS는 뮤트라 해도 재생이 되어야 하는데 싶어 버그 잡기를 나섰습니다. 무음모드 = 사일러트 = 뮤트 = mute mode = silent mode 문제해결하기 우선 구글링부터 했습니다. iOS개발을 할 때 부터 사운드는 진짜 다루기 까다롭더군요 변수가 많아 그런 것 같습니다. 각설하고 iOS에는 AudioCategory가 있습니다. 이건 무음모드일때 작동을 할 건지 백그라운드의 다른 소리와 섞이게 할 건지 백그라운드 소리를 중단 할건지와 같은 여러 선택지..

develop/Flutter 2023.08.15

VSCode MARK 하이라이팅 하기 키워드 커스텀 Keyword [Xcode 처럼]

마켓플레이스에서는 TODO 하이라이트 해주는 익스텐션이 많이 있다. 하지만 iOS 개발할 때 유용하게 사용했던 - MARK 에는 하이라이팅이 안되어서 찾아봤는데 마음에 드는 걸 못 찾았다. 그중 TODO Highlight 익스텐션을 이미 사용하고 있었다. 구글 링 중에 괜찮은 방법을 찾았다. 우선 익스텐션에서 확장설정 확장 설정에 보면 keywords 가 있고 settings.json에서 편집 버튼이 있는데 클릭하면 위하면처럼 todohighlight.keywords 키 값이 있는데 미리 Mark 를 추가했다. 이렇게 되면 보는 것 처럼 노란색으로 하이라이팅 된다. 색상을 바꾸고 싶으면 어떻게 해야 할까 "todohighlight.keywords": [ "DEBUG:", // 기본색상적용 { "text"..

develop/Flutter 2023.08.09

Flutter FutureBuilder 사용하기 비동기 대응하기 with. Listview

FutureBuilder는 비동기로 데이터를 받을때 결과를 기반으로 UI를 업데이트 하는 위젯이다. 비동기에 대한 이해를 먼저 해야 빌더를 사용할 때 바로적용할 수 있다. 공식 문서는 아래와 같다. https://api.flutter.dev/flutter/widgets/FutureBuilder-class.html FutureBuilder class - widgets library - Dart API A widget that builds itself based on the latest snapshot of interaction with a Future. Managing the future The future must have been obtained earlier, e.g. during State.init..

develop/Flutter 2023.08.07