You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Flutter中实现Android Java项目里的XML矩形形状?

在Flutter中实现对应Android XML的圆角描边矩形

直接用Container配合BoxDecoration就能实现你要的效果,以下是完整代码示例:

Container(
  // 对应XML中的padding属性,设置上下左右10dp内边距
  padding: const EdgeInsets.all(10),
  decoration: BoxDecoration(
    // 对应solid标签的白色填充
    color: Colors.white,
    // 对应corners标签的20dp圆角
    borderRadius: BorderRadius.circular(20),
    // 对应stroke标签的1dp蓝色描边,DodgerBlue精确值用Color(0xFF1E90FF)
    border: Border.all(
      width: 1,
      color: const Color(0xFF1E90FF),
    ),
  ),
  // 替换成你的子组件,比如文本、图标等
  child: const Text("示例内容"),
)

属性对应说明:

  • 内边距: EdgeInsets.all(10) 等价于XML里的<padding android:left="10dp" .../>,如果需要不同方向的内边距,可使用EdgeInsets.fromLTRB(left, top, right, bottom)单独设置。
  • 填充颜色: color: Colors.white 对应<solid android:color="@color/White"/>,也可以用自定义十六进制颜色值。
  • 圆角: BorderRadius.circular(20) 对应<corners android:radius="20dp"/>,若需单独设置某几个角的圆角,用BorderRadius.only(topLeft: Radius.circular(xx), ...)。
  • 描边: Border.all(width:1, color: Color(0xFF1E90FF)) 对应<stroke>标签,width是描边宽度,color是描边颜色,这里用0xFF1E90FF精确匹配DodgerBlue的颜色值。

内容的提问来源于stack exchange,提问作者Mike

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 03:20:16