小部件扩展到另一个小部件

时间:2021-03-02 18:27:03

标签: flutter dart stack expansion

在点击 + 按钮时,小部件应该扩展到其他小部件上并显示更多信息,就我尝试在同一项目中扩展而言,有没有办法将小部件扩展到另一个小部件上。目前我使用了 expandebale 包 这是我的代码

Stack(
            children: [
              Container(
                decoration: BoxDecoration(
                  color: Constants.richTextDark,
                  borderRadius: BorderRadius.all(
                    Radius.circular(25),
                  ),
                ),
                height: 220,
                width: 160,
                child: Container(
                  child: Padding(
                    padding: const EdgeInsets.only(bottom: 8.0),
                    child: Align(
                      alignment: FractionalOffset.bottomCenter,
                      child: ExpansionTile(
                        title: new ClipOval(
                          child: Container(
                              width: 30,
                              height: 30,
                              decoration: BoxDecoration(
                                  shape: BoxShape.circle,
                                  border: Border.all(
                                      width: 1.5, color: Colors.white)),
                              child: Icon(
                                Icons.add,
                                color: Colors.white,
                              )),
                        ),
                        children: <Widget>[
                          new Column(
                            children: [Text('123qewsd')],
                          ),
                        ],
                      ),
                    ),
                  ),
                ),
              ),
              Container(
                decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.all(
                    Radius.circular(25),
                  ),
                ),
                height: 170,
                width: 160,
              ),
            ],
          ),

enter image description here

0 个答案:

没有答案