如何解决列颤动中文本居中的问题
所以我想把这个“战俘”文本移到 X 所在的地方。白色箭头只是一个例子,如果 i 而不是 alignment: Alignment.bottomCenter 输入alignment: Alignment.bottomright,谁能告诉我为什么这个文本有一些魔法区域而我不能让他在那里
body: Column(
mainAxisAlignment: MainAxisAlignment.center,children: [
SizedBox.fromSize(
size: const Size(300,300),child: Clipoval(
child: Material(
child: Center(
child: Text(
"Start",style: GoogleFonts.overpass(
textStyle: const TextStyle(
fontSize: 30.0,fontWeight: FontWeight.w100)),),color: Colors.Amber,Align(
alignment: Alignment.bottomCenter,child: TextButton(
onpressed: null,child: Text("pow",style: GoogleFonts.oxygen(
textStyle: const TextStyle(color: Colors.white)))),],)
解决方法
这是因为 Align
仅在 Column
内对齐其子项,而不是整个屏幕。
你可以这样修复它:
body: Stack(
children: [
Align(
alignment: Alignment.center,child: SizedBox.fromSize(
size: const Size(300,300),child: ClipOval(
child: Material(
child: Center(
child: Text(
"Start",),color: Colors.amber,Align(
alignment: Alignment.bottomCenter,child: TextButton(
onPressed: null,child: Text(
"pow",],)
之所以有效,是因为 Stack
占据了整个屏幕
body:Container(
height:MediaQuery.of(context).size.height*0.80,child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [
SizedBox.fromSize(
size: const Size(300,child: ClipOval(
child: Material(
child: Center(
child: Text(
"Start",style: GoogleFonts.overpass(
textStyle: const TextStyle(
fontSize: 30.0,fontWeight: FontWeight.w100)),Align(
alignment: Alignment.bottomCenter,child: TextButton(
onPressed: null,child: Text("pow",style: GoogleFonts.oxygen(
textStyle: const TextStyle(color: Colors.white)))),)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。