Flutter Google 地图和 CachedNetworkImage 无法在 Android 模拟器上运行

Question

我在 Android 模拟器上遇到 Google 地图和 CachedNetworkImage 的奇怪问题。应用程序在 iPhone 模拟器上运行完美，但在 Android 模拟器 CachedNetworkImage 和 Google 地图上无法正常工作。

CachedNetworkImage 显示 CircularProgressIndicator 但不加载图像。图片大小也小于40k。
带有 GoogleMaps 的小部件显示空白屏幕并将错误打印到控制台。

我确实为 Android 和 iOS 激活了 Google 地图 API。我确实将 Android 的 API 添加到 AndroidManifest.xml，并将 iOS 的 API 添加到 AppDelegate.swift。我的 biling 帐户处于活动状态（我还创建了不同的 API KEY 但结果相同）：

<meta-data android:name="com.google.android.geo.API_KEY" android:value="MY_API_KEY_FOR_ANDROID"/>

我确实添加了互联网权限：

  <uses-permission android:name="android.permission.INTERNET" />

我运行几次

flutter clean 

flutter run

我从模拟器重新安装了应用程序。

MinSdkVersion 设置为 24。
compileSdkVersion 设置为 30。

这是我的 MapWidget：

import 'dart:async';
import 'package:duty/models/announcement.dart';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';

class OrderMapWidget extends StatelessWidget {
  final Announcement announcement;

  OrderMapWidget({required this.announcement});

  @override
  Widget build(BuildContext context) {
    final CameraPosition position = CameraPosition(
      target: LatLng(announcement.address.geoloc.latitude,
          announcement.address.geoloc.longitude),
      zoom: 9,
    );
    Set<Circle> _circle = Set.from([
      Circle(
        circleId:
            CircleId(('circle_id_${DateTime.now().millisecondsSinceEpoch}')),
        center: LatLng(announcement.address.geoloc.latitude,
            announcement.address.geoloc.longitude),
        radius: 8000,
        strokeWidth: 2,
        strokeColor: Theme.of(context).accentColor,
        fillColor: Theme.of(context).accentColor.withAlpha(20),
      )
    ]);
    return Container(
      height: 120,
      child: GoogleMap(
        mapType: MapType.normal,
        onMapCreated: (GoogleMapController controller) {},
        compassEnabled: false,
        myLocationEnabled: false,
        myLocationButtonEnabled: false,
        initialCameraPosition: position,
        onCameraMove: null,
        circles: _circle,
        zoomGesturesEnabled: false,
        tiltGesturesEnabled: false,
        scrollGesturesEnabled: false,
        rotateGesturesEnabled: false,
      ),
    );
  }
}

还有我的 CachedNetworkImage：

ClipOval(
         child: CachedNetworkImage(
          imageUrl: userData.profileImage,
          progressIndicatorBuilder: (context, url, downloadProgress) =>
              CircularProgressIndicator(value: downloadProgress.progress),
          errorWidget: (context, url, error) => Icon(Icons.error),
        ),
    ),

我的pubspec.yaml:

version: 1.0.0+1

environment:
  sdk: ">=2.12.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter
  intl: ^0.17.0
  cloud_firestore: ^2.5.3
  firebase_auth: ^3.1.3
  firebase_core: ^1.7.0
  flutter_google_places: ^0.3.0
  google_maps_flutter: ^2.0.9
  uuid: ^3.0.4
  geocoding: ^2.0.1
  cupertino_icons: ^1.0.2
  cached_network_image: ^3.1.0

我试过使用不同的模拟器。在 Android 上使用 GoogleMaps 时的错误如下：

E/flutter (15357): [ERROR:flutter/lib/ui/ui_dart_state.cc(199)] Unhandled Exception: PlatformException(error, java.lang.IllegalStateException: 
Trying to create a platform view of unregistered type: plugins.flutter.io/google_maps
E/flutter (15357):  at io.flutter.plugin.platform.PlatformViewsController.createVirtualDisplayForPlatformView(PlatformViewsController.java:192)

Very similar issue

我已经尝试了所有方法，但目前没有任何帮助。再一次，一切在 iOS 上运行完美，但在 Android 上运行不正常。感谢您提供任何帮助！马特

Answer 1

好的，我查看了我所有的依赖项，似乎 flutter_facebook_auth 解决了问题。奇怪，但删除 flutter_facebook_auth 后一切似乎都正常。 Google Maps 和 CachedNetworkImage 现在可以正常工作了。我有最新版本的 flutter_facebook_auth，我尝试降级，但问题仍然存在。只有删除此依赖项才能解决我的问题。奇怪...

Flutter Google 地图和 CachedNetworkImage 无法在 Android 模拟器上运行

Flutter Google Maps and CachedNetworkImage not working on Android emulator

android

google-maps

ios

flutter

flutter-dependencies