我正在嘗試將最后一張圖片設定在頁面底部。我嘗試了這張圖片和上一張圖片之間的大小框,但它會根據設備而變化,有時會溢位一些像素。
這是代碼:
import 'package:flutter/material.dart';
// ignore: use_key_in_widget_constructors
class LoginPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
color: Colors.amber,
child: Column(
children: <Widget>[
Image.asset("imagens/btop.png"),
SizedBox(
width: 200,
height: 200,
child: Image.asset("imagens/logo.png"),
),
// ignore: prefer_const_constructors
SizedBox(
height: 40,
),
Image.asset("imagens/bbot.png")
],
),
));
}
}
uj5u.com熱心網友回復:
只需在您的影像小部件之前使用下面的小部件。
Spacer()
uj5u.com熱心網友回復:
使用 mainaxisalignment:MainAxisAlignment.SpaceBetween,在列內或在此您遇到問題,然后使用嵌套列并設定 mainAxisSize:mainAxisSize.max,如果需要
uj5u.com熱心網友回復:
我會使用您已經存在的 Column() 小部件,如下所示:
Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [],
),
或在 Stack() 中使用 Align() 或僅在 Spacer() 中使用...有很多方法可以做到這一點,這都取決于您接下來要做什么。
查看此備忘單:https ://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e關于對齊小部件并使用它們!
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/512431.html
標籤:扑图片颤振布局放位置
