正如标题所提到的,我试图将我的小部件放置在屏幕之外。目前我已经设法将小部件图像偏移到屏幕之外,但这不是我期望的结果。屏幕外的图像在状态栏上仍然可见。
这就是它的样子
这就是我期望的样子(用 adobe XD 设计)
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
backgroundColor: Palette.primaryBackground,
body: Container(
width: double.infinity,
height: double.infinity,
child: Image.asset(
'assets/Splash.png',
fit: BoxFit.scaleDown,
alignment: new Alignment(1.4, -1.2),
),
),
),
);
}
我尝试过使用Positioned
内的小部件Stack
,但是当我尝试向其中添加新的小部件时,它导致了更多溢出问题Stack
的孩子们。
我确信有一种正确的方法可以将小部件放置在绝对位置。有人能帮我吗?
尝试使用变换:Matrix4.translationValues() https://api.flutter.dev/flutter/vector_math/Matrix4/Matrix4.translationValues.html并使用MediaQueries进行定位。
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
backgroundColor: Palette.primaryBackground,
body: Container(
child: Image.network(
'https://picsum.photos/250?image=9',
fit: BoxFit.scaleDown,
// alignment: new Alignment(1.4, -1.2),
),
transform: Matrix4.translationValues(
MediaQuery.of(context).size.width * .8, -50.0, 0.0),
),
),
);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)