从this question开始,我使用Flutter的SVG包(flutter_svg
)来渲染SVG image。
我想使用SVG作为Container
背景,中间是Text
。
这是我到目前为止的代码:
Container(
decoration: BoxDecoration(
image: DecorationImage(image: SvgPicture.asset(
'assets/example.svg',
),),
),
children: <Widget>[
Text('Welcome to my Flutter App',
style: Theme.of(context).textTheme.display1.copyWith(
color: Colors.white,
fontWeight: FontWeight.bold
)
),
],
)
我发现的问题是SvgPicture
不是ImageProvider
,所以我不能添加BoxDecoration
来获得背景图像。
有没有办法使用SvgPicture
作为Container的框装饰或背景?
4条答案
按热度按时间nom7f22z1#
使用SvgPicture的确切方法是这样的:
waxmsbnn2#
使用stack()并在其上构建所有内容如何?这就是我如何做到这一点,只是一个图像作为背景的完整视口。
e1xvtsh33#
也可以使用flutter_svg_provider
就像这样:
1qczuiv04#
这对我很有效