dart 我如何创建一个随机堆叠的容器在flutter?

bkhjykvo  于 2023-06-19  发布在  Flutter
关注(0)|答案(1)|浏览(138)

see this
我试图在Flutter中复制这一点,但似乎不可能
注意“语言学”药丸如何完美地融合在医疗保健和数据科学之间
and this
我尝试了简单的行/列,但它们有溢出错误
堆叠/定位一直工作,直到容器开始相互重叠

mbzjlibv

mbzjlibv1#

您可以使用与堆栈定位和自定义为自己。输出在下面。

Stack(
              children: [
                Positioned(
                  left: 40,
                  top: 42,
                  child: Transform.rotate(
                    angle: math.pi / 20,
                    child: Chip(
                      backgroundColor: Colors.grey,
                      label: Text("IT & Development"),
                    ),
                  ),
                ),
                Positioned(
                  top: 80,
                  child: Transform.rotate(
                    angle: -math.pi / 12,
                    child: Chip(
                      backgroundColor: Colors.teal,
                      label: Text("Healthcare"),
                    ),
                  ),
                ),
                Positioned(
                  left: 87,
                  top: 112,
                  child: Transform.rotate(
                    angle: math.pi / 6,
                    child: Chip(
                      backgroundColor: Colors.amber,
                      label: Text("IT & Development"),
                    ),
                  ),
                ),
                Positioned(
                  left: 30,
                  top: 130,
                  child: Transform.rotate(
                    angle: math.pi / 10,
                    child: Chip(
                      backgroundColor: Colors.pink,
                      label: Text("IT & Development"),
                    ),
                  ),
                ),
              ],
            ),

相关问题