4

我在我的颤振移动应用程序中有谷歌地图，使用google_maps_fultter插件结合使用内置bottomNavigationBar道具的简单自定义底部导航栏Scaffold。当我尝试为它设置动画（或者甚至只是显示隐藏底部导航栏）时，我的应用程序中出现了可怕的闪烁，如您在此处看到的： 在此处输入图像描述

任何想法为什么会发生这种情况以及我该如何解决？

代码：

地图小部件：

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';

class Explore extends HookWidget {
  Explore({Key key}) : super(key: key);

  final Completer<GoogleMapController> _controller = Completer();

  static final CameraPosition _kGooglePlex = CameraPosition(
    target: LatLng(37.42796133580664, -122.085749655962),
    zoom: 14.4746,
  );

  static final CameraPosition _kLake = CameraPosition(
      bearing: 192.8334901395799,
      target: LatLng(37.43296265331129, -122.08832357078792),
      tilt: 59.440717697143555,
      zoom: 19.151926040649414);

  Future<void> _goToTheLake() async {
    final GoogleMapController controller = await _controller.future;
    controller.animateCamera(CameraUpdate.newCameraPosition(_kLake));
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: GoogleMap(
        mapType: MapType.normal,
        initialCameraPosition: _kGooglePlex,
        onMapCreated: (GoogleMapController controller) {
          _controller.complete(controller);
        },
      ),
      floatingActionButton: FloatingActionButton.extended(
        onPressed: _goToTheLake,
        label: Text('To the lake!'),
        icon: Icon(Icons.directions_boat),
      ),
    );
  }
}

底部导航栏：

bottomNavigationBar: AnimatedContainer(
          duration: Duration(milliseconds: 500),
          height: hide.value ? 0 : 56.0,
          child: Wrap(
            children: [
              BottomNavigationBar(
                key: key,
                backgroundColor: Colors.transparent,
                elevation: 0,
                items: const <BottomNavigationBarItem>[
                  BottomNavigationBarItem(
                    icon: Icon(Icons.explore),
                    label: 'Explore',
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(Icons.group),
                    label: 'Hives',
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(Icons.person),
                    label: 'Me',
                  ),
                ],
                currentIndex: tabIndex.value,
                selectedItemColor: Colors.amber[800],
                onTap: (int index) {
                  tabIndex.value = index;
                },
              ),
            ],
          ),

谢谢！

4

0 回答 0