플러터 웹뷰 안드로이드 파일선택 무반응 관련

Question

플러터 웹뷰로 앱을 만들었는데웹페이지 내 파일선택 관련 버튼을 누르면 무반응 입니다.우리 GPT짱에게도 물어보고 여러 블로그 전전 긍긍 해봤지만 해결이 안되서요버튼 셀렉터는 #mb_request_file1_w8 이고 관련 HMTL입니다.아래는 현재 제 플러터 Main Dart 설정 입니다.import 'package:flutter/material.dart';import 'package:webview_flutter/webview_flutter.dart';void main() => runApp(const MaterialApp(home: WebViewExample()));class WebViewExample extends StatefulWidget { const WebViewExample({super.key}); @override State createState() => _WebViewExampleState();}class _WebViewExampleState extends State { late WebViewController _homeController; late WebViewController _searchController; late WebViewController _requestController; late WebViewController _userController; int _selectedIndex = 0; int _tapCount = 0; // 클릭 카운트를 저장할 변수 String _lastTappedButton = ''; // 마지막으로 클릭한 버튼 저장 @override void initState() { super.initState(); // 각 웹 페이지를 처음에만 로딩하도록 설정 _homeController = WebViewController() ..setJavaScriptMode(JavaScriptMode.unrestricted) ..setUserAgent( "Mozilla/5.0 (Linux; Android 10; Pixel 3 XL Build/QP1A.190711.020) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Mobile Safari/537.36", ) ..setNavigationDelegate( NavigationDelegate( onNavigationRequest: (NavigationRequest request) { if (request.url.contains('login')) { _showLoginPopup(); return NavigationDecision.prevent; } return NavigationDecision.navigate; }, ), ) ..loadRequest(Uri.parse('https://toleba.net/app-home')); _searchController = WebViewController() ..setJavaScriptMode(JavaScriptMode.unrestricted) ..setUserAgent( "Mozilla/5.0 (Linux; Android 10; Pixel 3 XL Build/QP1A.190711.020) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Mobile Safari/537.36", ) ..loadRequest(Uri.parse('https://toleba.net/app-search')); _requestController = WebViewController() ..setJavaScriptMode(JavaScriptMode.unrestricted) ..setUserAgent( "Mozilla/5.0 (Linux; Android 10; Pixel 3 XL Build/QP1A.190711.020) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Mobile Safari/537.36", ) ..loadRequest(Uri.parse('https://toleba.net/request/')); _userController = WebViewController() ..setJavaScriptMode(JavaScriptMode.unrestricted) ..setUserAgent( "Mozilla/5.0 (Linux; Android 10; Pixel 3 XL Build/QP1A.190711.020) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Mobile Safari/537.36", ) ..loadRequest(Uri.parse('https://toleba.net/user_info/')); } void _onItemTapped(int index) { setState(() { // 현재 선택된 버튼의 인덱스와 URL을 비교 String currentButtonUrl = _getUrlForIndex(index); if selectedIndex == index && lastTappedButton == currentButtonUrl) { _tapCount++; // 같은 버튼 클릭 카운트 증가 } else { _tapCount = 1; // 다른 버튼 클릭 시 카운트 초기화 } if (_tapCount == 2) { // 같은 버튼을 두 번 클릭했을 때만 페이지를 재로드 _reloadCurrentPage(index); } _lastTappedButton = currentButtonUrl; // 마지막으로 클릭한 버튼 저장 _selectedIndex = index; // 인덱스 업데이트 }); } String _getUrlForIndex(int index) { switch (index) { case 0: return 'https://toleba.net/app-home'; case 1: return 'https://toleba.net/app-search'; case 2: return 'https://toleba.net/request/'; case 3: return 'https://toleba.net/user_info/'; default: return ''; } } void _reloadCurrentPage(int index) { switch (index) { case 0: _homeController.loadRequest(Uri.parse('https://toleba.net/app-home')); break; case 1: _searchController.loadRequest(Uri.parse('https://toleba.net/app-search')); break; case 2: _requestController.loadRequest(Uri.parse('https://toleba.net/request/')); break; case 3: _userController.loadRequest(Uri.parse('https://toleba.net/user_info/')); break; } } Future _onWillPop() async { if (await _getCurrentController().canGoBack()) { _getCurrentController().goBack(); return false; } return true; // 더 이상 뒤로 갈 수 없을 때 앱 종료 } WebViewController _getCurrentController() { switch (_selectedIndex) { case 0: return _homeController; case 1: return _searchController; case 2: return _requestController; case 3: return _userController; default: return _homeController; // 기본적으로 홈 컨트롤러 반환 } } void _showLoginPopup() { showDialog( context: context, builder: (BuildContext context) { return AlertDialog( title: const Text('로그인 필요'), content: const Text('로그인이 필요합니다. 로그인 하시겠습니까?'), actions: [ TextButton( child: const Text('취소'), onPressed: () { Navigator.of(context).pop(); }, ), TextButton( child: const Text('로그인'), onPressed: () { _homeController.loadRequest(Uri.parse('https://toleba.net/login')); // 로그인 페이지 로드 Navigator.of(context).pop(); }, ), ], ); }, ); } @override Widget build(BuildContext context) { return WillPopScope( onWillPop: _onWillPop, child: Scaffold( appBar: AppBar( title: GestureDetector( onTap: () { _homeController.loadRequest(Uri.parse('https://toleba.net/app-home')); // 홈 페이지 새로 로드 }, child: const Text( 'トレカ市場', style: TextStyle( fontWeight: FontWeight.bold, fontFamily: 'CustomFont', // 커스텀 폰트 적용 ), ), ), actions: [ // 하트 아이콘 - 위시리스트로 이동 IconButton( icon: Image.network( 'http://toleba.net/wp-content/uploads/2024/09/heart.png', height: 25, ), onPressed: () { _homeController.loadRequest(Uri.parse('https://toleba.net/m_wishlist/')); // 위시리스트로 이동 }, ), // 카트 아이콘 - 카트 목록으로 이동 IconButton( icon: Image.network( 'http://toleba.net/wp-content/uploads/2024/09/pngwing.com_.png', height: 30, ), onPressed: () { _homeController.loadRequest(Uri.parse('https://toleba.net/m_cart/')); // 카트 목록으로 이동 }, ), // 종 아이콘 - 메세지 박스로 이동 IconButton( icon: Image.network( 'http://toleba.net/wp-content/uploads/2024/09/pngwing.com-1-1.png', height: 25, ), onPressed: () { _homeController.loadRequest(Uri.parse('https://toleba.net/user_messages/')); // 메세지 박스로 이동 }, ), // 돋보기 아이콘 - 검색 페이지로 이동 IconButton( icon: Image.network( 'http://toleba.net/wp-content/uploads/2024/09/pngwing.com-2-1.png', height: 25, ), onPressed: () { _homeController.loadRequest(Uri.parse('https://toleba.net/app-search/')); // 검색 페이지로 이동 }, ), ], ), body: IndexedStack( index: _selectedIndex, children: [ WebViewWidget(controller: _homeController), WebViewWidget(controller: _searchController), WebViewWidget(controller: _requestController), WebViewWidget(controller: _userController), ], ), bottomNavigationBar: BottomNavigationBar( currentIndex: _selectedIndex, onTap: _onItemTapped, backgroundColor: Colors.white, selectedItemColor: Colors.black, unselectedItemColor: Colors.grey, items: const [ BottomNavigationBarItem(icon: Icon(Icons.home), label: 'ホーム'), BottomNavigationBarItem(icon: Icon(Icons.search), label: '検索'), BottomNavigationBarItem(icon: Icon(Icons.list_alt), label: 'リクエスト'), BottomNavigationBarItem(icon: Icon(Icons.account_circle), label: 'MY'), ], ), ), ); }}고수 분들 도와주세요 ㅠㅠ

플러터 웹뷰 안드로이드 파일선택 무반응 관련

0개의 답변

기술 목록