flutter - Flutter SVG有些颜色没有显示
问题描述
屏幕截图右侧部分的某些颜色缺失:
从图像中您可以看到缺少深绿色到黑色的渐变,而是只显示白色。
这是我的身体.dart
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:recipe_app/screens/welcome/components/background.dart';
class Body extends StatelessWidget {
@override
Widget build(BuildContext context) {
Size size = MediaQuery.of(context).size;
return Background(
child: Container(
child: Column(
children: <Widget>[
SizedBox(height: size.height * 0.05),
Text('Welcome to E-Recipe'),
SizedBox(height: size.height * .1),
SvgPicture.asset(
"assets/images/chef.svg",
height: size.height * .5,
),
],
),
),
);
}
}
这是背景.dart
import 'package:flutter/material.dart';
class Background extends StatelessWidget {
Widget child;
Background({this.child});
@override
Widget build(BuildContext context) {
Size size = MediaQuery.of(context).size;
return Container(
height: size.height,
width: double.infinity,
child: Stack(
alignment: Alignment.center,
children: <Widget>[
Positioned(
child: Image.asset("assets/images/main_top.png"),
top: 0,
left: 0,
height: size.height * 0.15,
),
Positioned(
child: Image.asset("assets/images/main_bottom.png"),
right: 0,
bottom: 0,
height: size.height * 0.1,
),
child
],
),
);
}
}
解决方案
推荐阅读
- node.js - 错误:无法启动浏览器,错误消息:无法启动浏览器进程
- laravel - localStorage 与循环的 Vue 组件保持一致
- vaadin - 如何在 HorizontalLayout 中调整 Vaadin 组件的垂直对齐方式?
- flutter - 如果列表项的出现次数超过给定值,则飞镖比较列表并删除
- resize - 你如何限制仓库调整大小以在雪花中扮演角色
- gradle - gradle cucumber 任务:无法在以下项目变体之间进行选择:api:-productionRuntimeClasspath-runtimeElements
- python - 如何使用 Python 代码从 kv 文件中的 TextField 获取数据?
- javascript - Node.js Discord Bot:类型错误:无法读取“发送”未定义的属性
- python-3.x - XOR EQUALITY-codechef 2021 年 5 月长期挑战
- apache-flink - Apache flink 全外连接的错误结果