Флаттер, как вывести передний виджет - PullRequest
0 голосов
/ 09 октября 2018

есть ли в любом случае, что мы можем вывести виджет впереди экрана и позволить другому виджету за экраном?, Пробовал виджет Stack, но не работает, я внедряю Google Maps с использованием библиотеки флаттера google_maps_flutter, см. Кодниже:

import 'dart:ui' as ui;
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:flutter/material.dart';

final size = MediaQueryData.fromWindow(ui.window).size;
final GoogleMapOverlayController controller =
    GoogleMapOverlayController.fromSize(
  width: size.width,
  height: size.height,
);

class GoogleMapView extends StatefulWidget {
  _GoogleMapViewState createState() => _GoogleMapViewState();
}

class _GoogleMapViewState extends State<GoogleMapView> {
  final mapController = controller.mapController;
  final Widget mapWidget = GoogleMapOverlay(controller: controller);

  @override
  void initState() {
    super.initState();
    GoogleMapController.init();
  }

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Container(
        alignment: Alignment.center,
        height: size.height,
        width: size.width,
        child: new Stack(
          children: <Widget>[
            mapWidget,
            new Container(
              height: 100.0,
              alignment: Alignment.topCenter,
              child: new Text('Hey there!'),
            )
          ],
        ),
      ),
      navigatorObservers: <NavigatorObserver>[controller.overlayController],
    );
  }
}

См. скриншот , который должен иметь красный цвет в верхней части карты Google, выровненной в верхнем углу экрана.Как реализовать это с помощью виджета flutter Stack, у меня проблема со вчерашнего дня и я не смог найти никакого решения, кто-нибудь может мне помочь с этим?спасибо!

1 Ответ

0 голосов
/ 09 октября 2018

Стек отлично подходит для этой цели, просто плагин Google Maps отображает собственный вид, который еще не может быть наложен на что-то другое.

Возможно, вы захотите следовать https://github.com/flutter/flutter/issues/73

Смотрите особенно этот комментарий https://github.com/flutter/flutter/issues/73#issuecomment-417040742

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...