flutter 25

[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 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

Flutter 화면 방향 Orientation에 따라 레이아웃 변경 Landscape Portrait 뜻

세로, 가로 방향에 따라 레이아웃을 다르게 생성해야 할 때가 있다. 각각의 위젯들을 모듈화 시키고 그 모듈을 방향이 바뀔때마다 레이아웃을 변경해주는 것이다. 모바일은 레이아웃에 영향을 덜 받지만, 태블릿의 경우는 레이아웃을 다르게 적용해야 할 때가 많다. 용어정리 먼저 용어를 정리하자면 Orientation : 방향 Portrait : 세로 Landscape : 가로 사실 Orientation은 방향성을 Portrait는 초상화 Landscape는 풍경화를 뜻한다. Portrait - tall | Landscape - wide Orientation eunm에서 확인할 수 있다. 적용방법 일단 편하게 하는 방법은 OrientaionBuilder 을 사용하는 것이다. 사용방법은 다른 빌더를 사용하는 것과 동..

develop/Flutter 2023.07.28

[Flutter] 효과음 재생 시 백그라운드 뮤직 정지 되는 문제 야매로 해결하기 (다른 앱의 소리와 효과음이 동시에 재생되게 하기)

만 이틀을 고생하다, 알게된 방법을 공유하고자 한다. 사실, 너무 간단하고 라이브러리만 교체한거라 당황스럽지만, 어쨌든 해결 해서 기쁜 마음으로 공유한다. 사실 내가 원했던건 이게 아니지만, 뭐.. 너무 힘든걸 어쩌겠어 다음 업데이트때 해결한드앗!! 라이브러리 audioplayers 라이브러리를 사용하는 것이다. https://pub.dev/packages/audioplayers audioplayers | Flutter Package A Flutter plugin to play multiple audio files simultaneously pub.dev import 'package:audioplayers/audioplayers.dart'; 사용방법 static AudioPlayer player = Au..

develop/Flutter 2023.05.17

[XCode] Flutter iOS 실기기 테스트 'failed to prepare the device for development.' 해결하기

실기기 연결 안됨 개발을 얼추 다 하고 flutter 앱을 실기기를 물려 테스트 하려고 했는데, 폰이 인식 안되어 만 하루 꼬박 고생했다. 인식 잘 되던 폰이 갑자기 인식이 안되기 시작한 것이다. 그래서 문제를 찾기가 어려웠다. 하지만, 문제는 Xcode를 켜보니 바로 확인 가능했다. "failed to prepare the device for development." 뭐, 상세 메세지를 읽어보니, 업데이트 문제인 것 같다는 생각을 했는데, 최근 16.4 보안 업데이트를 진행했다는 점이 갑자기 떠오르면서 화가 나기 시작했다. 저번 부터 업데이트 빨리빨리 xcode 적용안시켜주는 애플이 너무 밉기 시작.. iOS를 떠나기를 잘 한것일까, (아직 완전히는 아니잖아 멍청아..) 암튼 해결이 가능한 문제일까? ..

카테고리 없음 2023.05.09

[Flutter] Switch on/off 버튼 사용하기 (iOS와 AOS) - setting 화면 만들기

on / off 를 할때, switch만큼 유용한게 없는것 같다 아래와 같은 버튼들을 만들어 보자 Switch Button 만들기 우선 변수를 하나 만들고 bool _isChecked = false; 사용하는 방법은 매우 간단한데, 먼저 AOS 스타일 (Material) Switch( value: _isChecked, onChanged: (value) { setState(() { _isChecked = value; }); }, ), iOS 스타일 (Cupertino) CupertinoSwitch( value: _isChecked, activeColor: CupertinoColors.activeBlue, onChanged: (bool? value) { setState(() { _isChecked = val..

develop/Flutter 2023.04.18