flutter - 如何修复八边形FloatingActionButton错误？

Question

我正在构建的应用程序中存在一个非常奇怪的错误。我的一个图标出现了视觉错误，它实际上不会加载FloatingActionButton的背景。它似乎与图标在堆栈中的放置位置有关。

我尝试过切换堆栈中的两个图标，然后将问题移到了另一个图标上，因此它似乎与堆栈中的第4个位置相关。但是，如果我在那里添加一个空容器(只是尝试)，则实际上并不能解决问题。我可以在虚拟设备以及我的实际电话上复制该问题。并且仅在更新构建状态时显示。

我已经在实际的应用程序中将问题的屏幕快照上传到此处:https://ibb.co/M1fz4z8

这是按住按钮的堆栈:

Stack(
            children: <Widget>[
              Container(
                height: (screenHeight / 4),
                width: screenWidth,
              ),
              Positioned(
                bottom: 0.0,
                left: -(screenWidth / 2),
                child: ClipRect(
                  child: Container(
                    height: ovalHeight,
                    width: ovalWidth,
                    decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.only(
                          topLeft:
                              Radius.elliptical((ovalWidth), (ovalWidth / 3)),
                          topRight:
                              Radius.elliptical((ovalWidth), (ovalWidth / 3))),
                    ),
                  ),
                ),
              ),
              Align(
                alignment: Alignment(0.5, 0.0),
                child: SizedBox(
                  height: (screenWidth / 6),
                  width: (screenWidth / 6),
                  child: FloatingActionButton(
                    heroTag: 2,
                    backgroundColor: mainColor,
                    onPressed: () {
                      Navigator.push(
                          context,
                          MaterialPageRoute(
                              builder: (context) => HistoryScreen()));
                    },
                    child: Icon(Icons.assessment),
                  ),
                ),
              ),
              Align(
                alignment: Alignment(-0.5, 0),
                child: SizedBox(
                  height: (screenWidth / 6),
                  width: (screenWidth / 6),
                  child: FloatingActionButton(
                    heroTag: 3,
                    backgroundColor: mainColor,
                    onPressed: () {
                      Navigator.push(
                          context,
                          MaterialPageRoute(
                              builder: (context) => InfoScreen()));
                    },
                    child: Icon(Icons.info),
                  ),
                ),
              ),

            ],
          ),

我期望按钮现在应该显示，而不是圆形背景，而是显示一个奇怪的半透明八边形(尽管仍然显示子图标)。没有错误信息显示。

Answer 1

我相信我已经确定了问题的根源。它实际上是由我使用名为Circular Chart的插件提供的，当对图表使用圆角选项时，会出现问题。我还没有确定是什么原因导致了插件源代码中的问题。如果我知道了，将发布。