У меня есть приложение flutter
, которое должно использовать webview
как в версии для Android/Ios, так и в веб-версии.
По сути, для этого нам нужен код, который разделяет вызовы для каждой платформы, и вот как я это сделал:
if (kIsWeb) {
WebView.platform = WebWebViewPlatform();
await Firebase.initializeApp(
options: const FirebaseOptions(
apiKey: "A**********************",
appId: "**********************",
messagingSenderId: "************",
projectId: "water-maps-152c9",
),
);
} else {
if (Platform.isIOS) {
await Firebase.initializeApp(
options: const FirebaseOptions(
apiKey: "*****************",
appId: "1******************",
messagingSenderId: "****************",
projectId: "water-maps-152c9"));
WebView.platform = AndroidWebView();
} else {
await Firebase.initializeApp();
WebView.platform = AndroidWebView();
}
}
проблема в том, что когда он работает на определенной платформе, такой как Android, ему не удается импортировать веб-просмотр для веб-пакета, также, если я его не импортировал, я получаю ошибку not defined
в WebView.platform = WebWebViewPlatform();
поэтому я попытался импортировать его следующим образом:
import 'package:webview_flutter/webview_flutter.dart' if (dart.library.html) 'package:webview_flutter_web/webview_flutter_web.dart';
но все еще сталкиваюсь с ошибкой «не определено», как показано на изображении:
Также, когда я пытаюсь импортировать оба как:
import 'package:webview_flutter/webview_flutter.dart' ;
import 'package:webview_flutter_web/webview_flutter_web.dart';
выдает эту ошибку, когда я пытаюсь запустить приложение на Android
../src/flutter/.pub-cache/hosted/pub.dartlang.org/webview_flutter_web-0.1.0+4/lib/webview_flutter_web.dart:70:9: Error: Type 'IFrameElement' not found.
final IFrameElement _element;
^^^^^^^^^^^^^
../src/flutter/.pub-cache/hosted/pub.dartlang.org/webview_flutter_web-0.1.0+4/lib/webview_flutter_web.dart:274:10: Error: Type 'HttpRequest' not found.
Future<HttpRequest> request(String url,
^^^^^^^^^^^
../src/flutter/.pub-cache/hosted/pub.dartlang.org/webview_flutter_web-0.1.0+4/lib/webview_flutter_web.dart:281:21: Error: Type 'ProgressEvent' not found.
void Function(ProgressEvent e)? onProgress}) {
^^^^^^^^^^^^^
../src/flutter/packages/flutter_web_plugins/lib/src/navigation/js_url_strategy.dart:79:48: Error: Type 'html.EventListener' not found.
external ui.VoidCallback addPopStateListener(html.EventListener fn);
^^^^^^^^^^^^^^^^^^
../src/flutter/packages/flutter_web_plugins/lib/src/navigation/url_strategy.dart:193:3: Error: Type 'html.Location' not found.
html.Location get _location => html.window.location;
^^^^^^^^^^^^^
../src/flutter/packages/flutter_web_plugins/lib/src/navigation/url_strategy.dart:195:3: Error: Type 'html.History' not found.
html.History get _history => html.window.history;
^^^^^^^^^^^^
../src/flutter/packages/flutter_web_plugins/lib/src/navigation/url_strategy.dart:198:28: Error: Type 'html.EventListener' not found.
void addPopStateListener(html.EventListener fn) {
^^^^^^^^^^^^^^^^^^
../src/flutter/packages/flutter_web_plugins/lib/src/navigation/url_strategy.dart:203:31: Error: Type 'html.EventListener' not found.
void removePopStateListener(html.EventListener fn) {
^^^^^^^^^^^^^^^^^^
../src/flutter/packages/flutter_web_plugins/lib/src/navigation/utils.dart:7:7: Error: Type 'AnchorElement' not found.
final AnchorElement _urlParsingNode = AnchorElement();
^^^^^^^^^^^^^
../src/flutter/packages/flutter_web_plugins/lib/src/navigation/utils.dart:20:7: Error: Type 'Element' not found.
final Element? _baseElement = document.querySelector('base');
^^^^^^^
../src/flutter/.pub-cache/hosted/pub.dartlang.org/webview_flutter_web-0.1.0+4/lib/shims/dart_ui_fake.dart:19:26: Error: Type 'html.Element' not found.
String viewTypeId, html.Element Function(int viewId) viewFactory) {
^^^^^^^^^^^^
../src/flutter/.pub-cache/hosted/pub.dartlang.org/webview_flutter_web-0.1.0+4/lib/webview_flutter_web.dart:23:25: Error: The method 'IFrameElement' isn't defined for the class 'WebWebViewPlatform'.
- 'WebWebViewPlatform' is from 'package:webview_flutter_web/webview_flutter_web.dart' ('../src/flutter/.pub-cache/hosted/pub.dartlang.org/webview_flutter_web-0.1.0+4/lib/webview_flutter_web.dart').
Да, это выдает ошибку во время выполнения, так как webview_flutter_web не может быть импортирован на платформу Android.
поскольку WebWebViewPlatform используется в Интернете, а AndroidWebView в Android, для него требуются оба оператора импорта. но это не работает, так как плагин "webview_flutter_web" предназначен только для Интернета. следовательно, выдает ошибку на android или ios. это сработало бы, если бы у них были одинаковые имена классов.
Решение из официальной документации:
register_web_webview.dart
void registerWebViewWebImplementation() {
WebView.platform = WebWebViewPlatform();
await Firebase.initializeApp(
options: const FirebaseOptions(
...yourOptions
),
);
}
register_native_webview.dart
void registerWebViewWebImplementation() {
if (Platform.isIOS) {
await Firebase.initializeApp(
options: const FirebaseOptions(
...yourOptions
)
);
WebView.platform = AndroidWebView();
} else {
await Firebase.initializeApp();
WebView.platform = AndroidWebView();
}
}
основной дротик
import 'register_native_webview.dart'
if (dart.library.html) 'register_web_webview.dart';
main() {
registerWebViewWebImplementation();
}
Пожалуйста, будьте осторожны с использованием реальных ключей API в примере для ответов на вопросы.
Вы можете проверить решение, удалив условие if () в операторе импорта и импортировав оба оператора?