반응형 IT104 [.5] 플러터-Flutter WebView 안드로이드 apk 파일 생성 (net::ERR_CACHE_MISS / Physical Device) Flutter 안드로이드 앱(APK) 파일 생성 1. Flutter command 에서 실행 가능한 옵션 확인 (단순 Flutter 옵션 확인입니다. 패스 하셔도~) Flutter 명령으로 실행 가능 옵션들을 한번 보려고 해요 CMD 나 안드로이드 스튜디오 Terminal 창에서 flutter 실행 PS C:\dev\StudioProjects\flutterwebview> flutter Manage your Flutter app development. Common commands: flutter create Create a new Flutter project in the specified directory. flutter run [options] Run your Flutter application on a.. 2022. 11. 7. [.4] 플러터-Flutter WebView - Progress Indicator 위젯이용 로딩 화면 구현 Progress Indicator 위젯 웹뷰(WebView)를 통해 홈페이지를 불러올때 시간이 오래 걸리는 경우가 있어요 로딩 시간이 오래 걸릴때 ProgressIndicator 위젯을 통해 시각적으로 사이트정보를 가져오는 중임을 알려주는 기능을 구현 합니다. ※ 해외 사용시 필수 기능입니다. Flutter Progress Indicator 위젯 LinearProgressIndicator CircularProgressIndicator 1. WebView 이벤트 처리 Dart 파일 생성 WebView 는 페이지 로드시 3개의 로드 이벤트를 제공 합니다. - onPageStarted - onProgress - onPageFinished 추가로 만들 dart 소스파일을 저장할 폴더 "lib/src" 를 만들어.. 2022. 11. 6. [.3] 플러터-Flutter WebView 를 이용한 플로터 하이브리드 앱 프로젝트 Flutter WebView 하이브리드 앱 개발중이던 반응형 웹 사이트를 안드로이드 앱에서 서비스해보기 위해 플로터 웹뷰(WebView)를 이용한 하이브리드 앱을 만들어 보려고 합니다. 예제 코드는 구글(codelabs.developers.google.com, docs.flutter.dev)가이드를 스터디하며 진행된 결과 입니다. 1. Create Flutter New Project 안드로이드 스튜디오 New Project 에서 빈 프로젝트를 생성 합니다. 프로젝트 생성시 추가해야할 플로터 웹뷰(WebView) 관련 옵션은 없습니다. 프로젝트 생성 후 main.dart 까지 확인~ 2-1. Flutter WebView 플러그인 종속 추가 안드로이드 스튜디오 하단 [Terminal] 텝을 선택하고 프로젝트.. 2022. 11. 4. [.2] 플러터-(Flutter) - Android Studio AVD 가상 디바이스 설치 Android Virtual Device(AVD) 생성 Flutter WebVIew 테스트를 위해 Android Virtual Device(AVD) 를 생성 합니다. 안드로이스 스튜디오 메인 화면에서 오른쪽 상단에 Device Manager (클릭) 드로이드가 빼꼼 나와 있는 아이콘 보이시죠? ^^ 테스트할 안드로이드 기기를 선택 합니다. 여기서는 Nexus 6 1440px 2560px 을 선택 했습니다. 안드로이드 API Level 을 선택 합니다. 앞서 Flutter 프로젝트 생성 후 Android -> app -> src -> build.gradle 에서 확인해 보니 API 33 을 자동으로 잡아와서 여기서도 33 버전으로 다운로드를 받았습니다. 다운로드가 완료 되면 화면 하단에 [Next] 버튼이.. 2022. 11. 1. 이전 1 ··· 19 20 21 22 23 24 25 26 다음 반응형
