如何为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
相关产品推荐
相关产品推荐

