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

如何为Flutter启动屏设置渐变色彩(flutter_native_splash插件)

实现flutter_native_splash 2.2.17的渐变启动页配置

在flutter_native_splash 2.2.17版本中,插件支持通过gradient字段替代color字段来配置渐变效果,完全可以实现你需要的类似LinearGradient的渐变启动页。

具体配置如下:

flutter_native_splash:
  # 移除原有的color配置,使用gradient字段
  gradient:
    colors: ["#0000FF", "#000000"] # 对应你需要的蓝色到黑色渐变,用十六进制颜色字符串列表
    # 可选:配置渐变方向,默认从上到下
    # direction: "top-right" # 可选值包括top、bottom、left、right、top-left、top-right等
    # 也可以用角度指定方向,比如135度对应左上到右下
    # angle: 135

配置说明:

  • colors:传入十六进制颜色字符串的列表,对应你Flutter代码中LinearGradient的colors参数
  • 若需要调整渐变方向,可添加direction或angle参数,按需选择即可

配置完成后,重新运行生成启动页的命令使配置生效:

flutter pub run flutter_native_splash:create

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.01 19:25:27