小编Krz*_*iel的帖子

容器的对角线设计

我想制作一个样式如下的容器: https ://i.stack.imgur.com/ZPS6H.png

由于不知道如何做到这一点,我尝试合并 SVG,但渲染矩形所需的时间与显示 SVG 所需的时间不同。我尝试过 LinearGradient 但即使我定义了停止点,它看起来也不正确。

这是我现在所拥有的:

Container(
  width: width,
  height: 0.7 * height,
  child: Row(
    children: [
      Container(
        height: 0.7 * height,
        width: width * 0.35,
        color: yellow,
        child: CircularPhoto(),
      ),
      Container(
        width: width * 0.15,
        decoration: BoxDecoration(
           image: DecorationImage(
             image: AssetImage('assets/divider@2x.png'),
             fit: BoxFit.fill,
           ),
        ),
      ),
      Container(
        width: width * 0.50,
        color: Colors.white,
        child: BannerInfo(),
      ),
    ],
  ),
);
Run Code Online (Sandbox Code Playgroud)

containers shapes web flutter

2
推荐指数
1
解决办法
3970
查看次数

标签 统计

containers ×1

flutter ×1

shapes ×1

web ×1