flutter 是否可以在超出其边界的SingleChildScrollView下呈现小部件?

m3eecexj  于 2022-12-05  发布在  Flutter
关注(0)|答案(1)|浏览(173)

我使用的插件fl_chart,它允许显示一些酒吧,当你点击他们弹出显示.例如:第一次
如果弹出窗口很大,它将超出父窗口的边界,例如,如果我有一张牌,弹出窗口将显示在它上面:

在此之前,这是我的预期行为,并通过这样一个代码实现简化的问题:

Card(
            elevation: 8,
            shape:
                RoundedRectangleBorder(borderRadius: BorderRadius.circular(30)),
            child: Container(
              padding: const EdgeInsets.all(8),
              child: Row(
                  children: [
                     Expanded(
                        child: BarChart(
                              _getData(mySrc)
                          ),
                       ),
                     ),
                  ),

我将显示的条数是动态的,因此我想使我的行可滚动,所以我用SingleChildScrollView Package 了我的行:

child: Row(
                                children: [
                                  Expanded(
                                    child: SingleChildScrollView(
                                      scrollDirection: Axis.horizontal,
                                      child: SizedBox(
                                        width: 400,
                                        child: BarChart(
                                          _getData(mySrc),
                                        ),
                                      ),
                                    ),
                                  ),

滚动按预期工作,但现在似乎不允许弹出窗口超出SingleChildScrollView的边界:

有没有什么方法可以让我保持滚动而不损坏fl_chart插件生成的弹出窗口?

gijlo24d

gijlo24d1#

试试这个

SingleChildScrollView(
    clipBehavior: Clip.none,

如果不起作用,您可以尝试将填充顶部设置为SingleChildScrollView,并留出一些额外的空间,这样弹出窗口就不会被剪切

相关问题