Flutter 如何将列移动到末尾?
我试图将列和文本对齐到窗口的最右侧,但不知何故它并没有发生 尝试了Flutter 如何将列移动到末尾?,flutter,dart,flutter-layout,Flutter,Dart,Flutter Layout,我试图将列和文本对齐到窗口的最右侧,但不知何故它并没有发生 尝试了MainAxisAlignment.right,CrossAxisAlignment.right,但不知怎的,我什么都做不到。下面是我的飞镖代码 class MVTHomePage extends StatelessWidget { @override Widget build(BuildContext context) { final height = MediaQuery.of(context).size.he
MainAxisAlignment.right
,CrossAxisAlignment.right
,但不知怎的,我什么都做不到。下面是我的飞镖代码
class MVTHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
final height = MediaQuery.of(context).size.height;
final width = MediaQuery.of(context).size.width;
return Scaffold(
body: SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Container(
height: 550,
width: width,
child: Row(
children: [
Lottie.network(
'https://assets2.lottiefiles.com/datafiles/6WfDdm3ooQTEs1L/data.json'),
Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text("Multivariate Testing"),
Text('Run experiments to make key flows more effective.'),
// ignore: deprecated_member_use
TextButton(
onPressed: () {}, child: Text('Create Experiment')),
],
),
],
),
),
Container(
height: height,
width: width,
color: Colors.blueAccent,
)
],
),
));
}
}
我在输出中看到了这一点
当您使用
行
小部件时
添加mainAxisAlignment:mainAxisAlignment.spaceBetween
所以你的代码应该是这样的
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, // <-- Add this
children: [
Lottie.network(
子项:行(
mainAxisAlignment:mainAxisAlignment.spaceBetween,//您可以在要放在末尾的小部件上方添加Spacer()
。谢谢您的帮助!!