Flutter 交错的网格布局将其子项隐藏在底部按钮后面

问题描述

我尝试过 Flutter grid-layout 但由于一些响应问题，我导入了 staggered-layout 库，一切正常，除了它隐藏了图像底部对齐的按钮。

这是代码...

class _WelcomeScreenState extends State<WelcomeScreen> {
  int itemSelected = 0;
  bool isSelected = true;
  List<Welcome> itemList;
  List<Welcome> selectedList;

  @override
  void initState() {
    itemList = DataLists.welcomeList;
    selectedList = List();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 34.0,vertical: 20.0),child: Column(
            children: [
              const WelcomeHeader(),const WelcomeSubHeader(),TextField(
                style: TextStyle(color: Colors.black87),cursorColor: Colors.grey,cursorHeight: 20.0,cursorWidth: 1.5,decoration: kInterestsFielddecoration,),const SizedBox(
                height: 16.0,Expanded(
                  child: StaggeredGridView.count(
                    scrollDirection: Axis.vertical,crossAxisCount: 2,crossAxisspacing: 20,mainAxisspacing: 20.0,shrinkWrap: true,staggeredTiles: List.generate(itemList.length,(index) => StaggeredTile.fit(1)),children: List.generate(itemList.length,(index) {
                  return WelcomeGridBox(
                      item: itemList[index],isSelected: (bool value) {
                        setState(() {
                          if (value) {
                            selectedList.add(itemList[index]);
                          } else {
                            selectedList.remove(itemList[index]);
                          }
                        });
                        print("$index : $value");
                      },key: Key(itemList[index].rank.toString()));
                }),)),GestureDetector(
                  onTap: () {
                    Navigator.pushNamed(context,HomeScreen.id);
                  },child: ButtonGetStarted(isSmall: false))
            ],);
  }
}

当我向上滚动一点时，它开始正常运行（按钮在网格上没有重叠）。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）