我想展示一个影片,我的容器每次都在页面的开头增加其宽度和高度。在这里,它直接采用 的值initstate
并且不显示任何影片。
Padding(
padding: const EdgeInsets.all(8.0),
child: AnimatedContainer(
duration: Duration(seconds: 2),
curve: Curves.easeInOut,
decoration: BoxDecoration(
image:DecorationImage(
fit: BoxFit.cover,
colorFilter: ColorFilter.mode(Colors.black54, BlendMode.darken),
image: AssetImage("lib/images/read.jpg"),
),
borderRadius: BorderRadius.circular(10),
gradient: LinearGradient(
colors: <Color>[
Colors.yellowAccent,
Colors.blueAccent,
]
)
),
width: width,
height: height,
child: FlatButton(
onPressed: (){
Navigator.push(context, MaterialPageRoute(builder: (context)=>Quote_Categories())
);
},
child: Text(
'Reader',
style: TextStyle(
fontSize: 35,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
),
),
),
height=400;
width=250;
@override
void initState() {
// TODO: implement initState
super.initState();
registernotification();
width=200;
height=200;
}
uj5u.com热心网友回复:
所以基本上你在读取值之前有width:200
和 height = 200
,因为那些在 initState
. 您可以简单地创建一个Future method
with Duration.zero
和 usesetState
来更新 UI。
@override
void initState() {
super.initState();
changeContainerSize();
}
changeContainerSize() {
Future.delayed(Duration.zero).then((value) {
setState(() {
width = 200;
height = 200;
});
});
}
或使用 addPostFrameCallback
@override
void initState() {
super.initState();
WidgetsBinding.instance!.addPostFrameCallback((timeStamp) {
setState(() {
width = 200;
height = 200;
});
});
}
0 评论