定位了调试和发布moe之间的OverlayEntry不一致

Question

我正在使用Overlay在我的应用程序中实现一些教程步骤，但在调试和发布模式下插入条目的位置是不同的。此外，它在iOS上的生产环境中看起来更糟糕：

调试模式：

​

​

发布模式(Android)：

​

​

发布模式(iOS)：

​

​

下面是代码：

  Future<void> _handleTutorial() async {
    if (!widget.enableTutorial)
      return;

    // Get sizes
    final RenderBox renderBox = context.findRenderObject();
    final offset = renderBox.localToGlobal(Offset.zero);

    // Render if tutorial is enabled
    _tutorialEntry = OverlayEntry(builder: (context) {
      return Positioned(
        top: offset.dy,
        left: offset.dx,
        right: 0,
        child: FadeInOutAnimation(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              
              // Overlay widget
              Material(
                color: Colors.transparent,
                child: DatesTitle(section: widget.section, isTutorialSample: true),
              ),
              
              // Information text
              PopUpAnimation(
                child: Padding(
                  padding: const EdgeInsets.only(left: 50, right: 18),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Column(
                        children: [
                          Row(
                            children: const [
                              TutorialInclinedTapHand(),
                              SizedBox(width: 20),
                              Expanded(child: TutorialText('Tap to change the number of days in this province'))
                            ],
                          ),
                          const SizedBox(height: 20),
                          TutorialButton(onPressed: widget.onTutorialComplete)
                        ],
                      )
                    ],
                  ),
                ),
              )
              
            ],
          ),
        ),
      );
    });
    _overlay.insert(_tutorialEntry);

  }

我如何修复这些不一致？

Answer 1

我认为这与debug banner有关。您可以将其设置为false，然后重新定位小部件。

 debugShowCheckedModeBanner: false