首页 > 解决方案 > 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
        ],
      ),
    );
  }
}

标签: fluttersvg

解决方案


推荐阅读