Flutter 颤振腹板:堆栈和光斑问题
我试图在FlatterWeb(dev channel-v1.13.2)上创建一个简单的网页,出现了这个奇怪的问题。当我试图在stack小部件中放置一个Flare动画时,它有两个附加小部件,一个背景和一个居中文本,Flare似乎没有出现。但是,当我移除背景容器时,flare可以正常工作并完美定位。这是代码Flutter 颤振腹板:堆栈和光斑问题,flutter,flutter-layout,flutter-web,flare,Flutter,Flutter Layout,Flutter Web,Flare,我试图在FlatterWeb(dev channel-v1.13.2)上创建一个简单的网页,出现了这个奇怪的问题。当我试图在stack小部件中放置一个Flare动画时,它有两个附加小部件,一个背景和一个居中文本,Flare似乎没有出现。但是,当我移除背景容器时,flare可以正常工作并完美定位。这是代码 import 'package:flutter/material.dart'; import "package:flare_flutter/flare_actor.dart";
import 'package:flutter/material.dart';
import "package:flare_flutter/flare_actor.dart";
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.green,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Stack(
children: <Widget>[
new Container(
decoration: new BoxDecoration(
image: new DecorationImage(
image: new AssetImage('images/bckg.jpeg'),
fit: BoxFit.cover)),
),
new Center(
child: new Text('TEST',
style: new TextStyle(
color: Colors.white,
fontSize: 200.0,
fontWeight: FontWeight.bold,
letterSpacing: 5.0)),
),
new Align(
alignment: Alignment.bottomCenter,
child: new ConstrainedBox(
constraints: new BoxConstraints(
maxHeight: 100,
maxWidth: 100,
),
child: new FlareActor("images/arrowdown.flr",
color: Colors.white,
alignment: Alignment.center,
fit: BoxFit.contain,
animation: "idle"),
),
)
],
),
);
}
}
导入“包装:颤振/材料.省道”;
导入“包:flare\u flatter/flare\u actor.dart”;
void main()=>runApp(MyApp());
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
标题:“颤振演示”,
主题:主题数据(
主样本:颜色。绿色,
),
主页:MyHomePage(标题:“颤振演示主页”),
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage({Key,this.title}):超级(Key:Key);
最后的字符串标题;
@凌驾
_MyHomePageState createState()=>\u MyHomePageState();
}
类_MyHomePageState扩展状态{
@凌驾
小部件构建(构建上下文){
归还新脚手架(
正文:新堆栈(
儿童:[
新容器(
装饰:新盒子装饰(
图片:新装饰图片(
图像:新资产图像('images/bckg.jpeg'),
安装:BoxFit.盖),
),
新中心(
子项:新文本(“测试”,
样式:新文本样式(
颜色:颜色,白色,
字体大小:200.0,
fontWeight:fontWeight.bold,
字母间距:5.0),
),
新对齐(
对齐:对齐.bottomCenter,
子项:新的约束框(
约束:新的BoxConstraints(
最大高度:100,
最大宽度:100,
),
子项:新FlareActor(“images/arrowdown.flr”,
颜色:颜色,白色,
对齐:对齐.center,
适合:BoxFit.contain,
动画:“空闲”),
),
)
],
),
);
}
}
我想你看到了。同时查看重新绘制边界
解决方案是否适用于您