如何在一行內對齊小部件

Question

我想在行的開頭和結尾對齊我的小部件，我無法實現嗎？ 我很困惑該怎么辦

做填充是一個靜態解決方案，它在某些設備中產生了溢出錯誤，我想讓通用設備我不知道如何做到這一點。

請幫助

Padding(padding:EdgeInsets.only(top:60,left:30,right:30),child:
  Row(
    children: <Widget>[                    
       Cancel_btn,
       Retry_btn
     ],
   )
)

Answer 1

最少的代碼

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        body: Container(
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween, // magic is here
            children: <Widget>[
              RaisedButton(child: Text('Cancel'), onPressed: () {}),
              RaisedButton(child: Text('Retry'), onPressed: () {}),
            ],
          ),
        ),
      ),
    );
  }
}

Answer 2

有很多方法可以做到這一點。

（I）使用mainAxisAlignment 。

Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween, // add this
  children: [
    Child1(),
    Child2(),
  ]
)

（II）使用Spacer() 。

Row(
  children: [
    Child1(),
    Spacer(), // or add this
    Child2(),
  ]
)