1、主要是 gradient 这个属性

Container(
  width: 70,
  height: 70,
  decoration: BoxDecoration(
      borderRadius: BorderRadius.all(Radius.circular(50)),
      gradient: LinearGradient(colors: [
        Color(0xff589429),
        Color(0xff6FB12F),
        Color(0xff8BD132),
        Color(0xffA8EF32),
        Color(0xffB7FF32),
      ])),
  child: Container(),
);

 

2、效果图

 

 

 

 

 

Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

cover

RN for OpenHarmony英雄联盟助手App实战：皮肤列表实现

avatar 开源鸿蒙跨平台开发者社区

鸿蒙（HarmonyOS）与 Flutter 跨平台开发对比与融合实践

HarmonyOS 是华为自主研发的面向全场景的分布式操作系统，支持手机、平板、智能穿戴、车机、IoT 设备等多端协同。分布式软总线：设备间无缝通信一次开发，多端部署（通过声明式 UI ArkTS + DevEco Studio）原生性能优化：基于方舟编译器和运行时HarmonyOS 与 Flutter 并非对立，而是互补。前者构建“万物互联”的底座，后者提供“极致 UI 体验”的上层能力。作为开

avatar 开源鸿蒙跨平台开发者社区

中小学教育AI工具开发：架构师的预测性维护方案

架构层级核心功能典型技术组件数据类型潜在故障类型前端交互层师生用户操作入口，如作业提交、成绩查询界面Web端（React/Vue）、移动端（Flutter/原生Android/iOS）、小程序（微信/支付宝）用户操作日志（点击、输入、停留时长）页面白屏（JS加载失败）、交互卡顿（前端渲染性能不足）、适配问题（不同设备分辨率显示异常）API网关层请求路由、限流、认证授权，统一API入口接口请求日志（

avatar 开源鸿蒙跨平台开发者社区