flutter
-
[flutter] runtimeError: Out of bounds memory accessflutter/flutter 에러 2023. 6. 9. 11:55
runtimeError: Out of bounds memory access unity 로 만든 프로젝트를 webgl 로 빌드 시키고 웹 환경에서 동작시킨 후 해당 웹 페이지를 flutter 로 웹뷰 이용해서 사용하도록 만들었습니다. 전체 webgl 파일은 6개 정도이고 웹 메인 화면에 각각 구동할 수 있도록 버튼으로 만들어서 배치했습니다. 그런데 한 두개 실행할 때는 이상없이 잘 되는데 세번째부터 unity로 만든 webgl이 제대로 구동되지 않았습니다. 해당 웹뷰는 ipad air 5세대 에서 실행했으며 로그를 출력해보니 Out of bounds memory access 가 나타납니다. 메모리 사용량을 초과하는 이유 때문에 나타나는 에러 같은데 pc 에서 실행했을때는 이상없이 나타났으나 안드로이드 갤럭..
-
[flutter] flutter webview 사용시에 iOS, ipadOS 에서 allowsinlinemediaplayback 허용하기flutter/flutter 공부 2023. 6. 9. 10:35
사용한 플러터 웹뷰 패키지 : webview_flutter 4.0.4 https://pub.dev/packages/webview_flutter webview_flutter | Flutter Package A Flutter plugin that provides a WebView widget on Android and iOS. pub.dev 플러터로 간단한 웹뷰 프로젝트를 진행했는데 iOS 에서 갑자기 웹뷰 화면 위로 전체화면을 차지하는 비디오 플레이어가 재생 되어졌습니다. 종료시켜도 계속 자동으로 실행되어서 더이상 뭘 할 수가 없어져버리네요. 원인 파악이 안되서 가만히 생각해보다가 해당 웹페이지에 배경음악이 자동 재생 된다는게 떠올랐습니다. 해당 내용으로 검색해보니까 flutter_webview 에서 al..
-
[flutter] actionbar 와 endDrawer 함께 사용하기flutter/flutter 공부 2023. 6. 8. 18:00
appbar 에 actionbar 와 endDrawer 를 같이 사용할 일이 생겼습니다. 가운데 타이틀이 들어가야 하고 오른쪽으로 아이콘 몇 개와 drawer 아이콘이 표시 되어야 합니다. 기획서안에 형태는 대략 아래처럼 생겼네요. Scaffold 안에 appBar 설정으로 actions 와 endDrawer 를 사용하면 쉽게 될 줄 알았는데 생각대로 동작하지 않았습니다. actions 를 사용해서 아이콘을 불러오면 기존에 불러왔던 endDrawer 가 화면에서 안보이게 되는 문제가 발생합니다. actionbar 가 drawer 부분을 다 덮어버립니다. 여러 정보를 찾아봤는데 3가지 정도로 해결하는것 같았습니다. 1. Scaffold 를 상속받아서 다시 호출 https://stackoverflow.com..
-
[flutter] appbar 높이 조절 방법flutter/flutter 공부 2023. 6. 2. 15:32
appbar 높이를 조절해야할 필요가 생겼습니다. 기본으로 제공되는 높이보다 조금 더 높아져야 하네요. appbar 에서 높이 조절하는 방법은 Preferred 를 사용하면 됩니다. class MyPage extends StatelessWidget { const MyPage({Key? key}): super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: PreferredSize( preferredSize: Size.fromHeight( 80.0 ), child: AppBar( title: Text('appbar title') ) ) ); } } appBar 뒤에 Pr..
-
[flutter] webview 사용할 때 아이폰, 아이패드에서 alert 창 활성화 되지 않는 현상flutter/flutter 기타 등등 2023. 5. 26. 20:07
flutter_webview 를 이용해서 내부에서 사용중인 사이트를 불러왔는데 alert 이 활성화 되지 않는 현상이 나타났습니다. 안드로이드는 되는데 아이폰, 아이패드에서만 안되네요. webview 라이브러리에서 추가하는 방법은 찾지 못해서 iOS 에 추가하는 방법을 적용하였습니다. 1. flutter 프로젝트에서 iOS 코드를 Xcode 로 오픈 2. Pods > Development Pods > webview_flutter_kwwebview >...>C lasses > FWFUIDelegateHostApi.m 선택 3. FWFUIDelegateHostApi.m 파일 @implementation FWFUIDelegate 와 @end 사이에 내용을 추가해줍니다. 추가할 내용은 아래에 있습니다. < 기존..
-
[flutter] http 로 시작하는 URL android, iOS 에서 사용할 수 있도록 하기flutter/flutter 기타 등등 2023. 5. 25. 10:16
android, iOS 에서 기본적으로 https 는 허용되어있으나 http 는 추가적인 설정을 해줘야 사용할 수 있도록 되어있습니다. OS 별로 허용할 수 있도록 추가하는 방법을 확인해보겠습니다. 1. android 안드로이드 폴더에서 AndroidManifest.xml 로 이동합니다. AndroidManifest.xml 내용을 추가합니다. ... ... 아래 내용을 입력해줍니다. 안에 추가 , 안에 추가 android:usesCleartextTraffic="true" 안드로이드는 이렇게 추가해주면 http 로도 접근이 가능합니다. 2. iOS iOS 는 xcode 를 실행해줘야합니다. flutter 프로젝트에서 iOS 폴더 우클릭 -> Open iOS module in Xcode 를 클릭해줍니다. X..
-
[flutter] The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.flutter/flutter 에러 2023. 5. 10. 13:18
The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation. flutter 앱에 생체인증 기능을 넣기위해 테스트 코드를 넣고 xcode 로 빌드하였는데 위와같은 에러가 나타났습니다. 기존에 빌드가 잘 됐는데 또 뭔가 싶습니다. podfile.lock 파일에 뭔가 문제가 있는가보네요. 기존에 하던대로 flutter clean 을 일단 해봅니다. 그리고 flutter pub get 을 하고 다시 xcode 를 실행해서 실제 단말기와 연결해서 빌드해봅니다. 여전히 똑같은 에러가 나타나네요... 이렇게 해결되는 문제가 아닙니다. cocoapod 관련 에러가 난거 같은데 그리 어렵지 ..
-
[flutter] PDF 파일 뷰어 만들기(pdfx, internet_file 를 이용)flutter/flutter 공부 2023. 5. 9. 13:10
URL 을 이용해서 PDF 뷰어 기능 추가 파일을 직접 저장해서 여는 방식이 아니고 서버에서 제공해준 API를 이용해서 보여줘야했습니다. 실제 API 를 적을수 없으니 샘플 URL 을 이용해서 작성하였습니다. 샘플 pdf URL : https://upload.wikimedia.org/wikipedia/commons/8/85/I-20-sample.pdf pdf 뷰어를 제작할 때 사용한 라이브러리는 pdfx 와 internet_file 입니다. 적용 방법 1. pubspec.yaml 파일에 라이브러리 추가 dependencies: ... pdfx: ^2.3.0 internet_file: ^1.2.0 2. 화면 생성 및 기능 추가 import 'package:dangi/screens/defaultLayout/..