Flutter レイアウト 中央配置

Question

画面全体には広がっていないColumnの中のウィジェットを画面の中央に配置する方法がわかりません。
以下の画像ではボタンをx座標について画面の中央にしたいです。

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  bool show = true;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.white,
        body: SafeArea(
          child: SingleChildScrollView(
            child: Content(show: show),
          ),
        ),
      ),
    );
  }
}

class Content extends StatelessWidget {
  const Content({
    Key key,
    @required this.show,
  }) : super(key: key);

  final bool show;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[MessageContainer()],
    );
  }
}

class MessageContainer extends StatelessWidget {
  const MessageContainer({
    Key key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 150,
      child: Row(
        children: [
          SizedBox(width: 10,),
          Image(
            width: 80,
            height: 80,
            image: NetworkImage(
                "https://images.unsplash.com/photo-1590129617851-2eff07ed4d54?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80"),
          ),
          SizedBox(width: 10,),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Text("text1",
                style: TextStyle(
                  fontSize: 16,
                  fontWeight: FontWeight.bold
                ),),
                Text("text2",
                style: TextStyle(
                  fontSize: 14
                ),),
                Center(
                  child: RaisedButton(
                    child: Text("button"),
                    color: Colors.green,
                    onPressed: () {},
                  ),
                )
              ],
            ),
          ),
        ],
      ),
    );
  }
}

Answer 1

もっとスマートな方法があるかもしれませんが、
Paddingで左側と同じ幅を右側に指定すればよいかと。

  Padding(
    padding: EdgeInsets.only(right: 100),
    child: Center(
      child: RaisedButton(
        child: Text("button"),
        color: Colors.green,
        onPressed: () {},
      ),
    ),
  ),

Comments

[uhsi]

画面のサイズによって変わってしまうのではないでしょうか。

[satokei]

ずらすという表現が間違っていましたね。
右側にも左側と同じ幅をPaddingで指定するということです。

[uhsi]

失礼しました。理解できました。

[uhsi]

今回もご回答をいただきありがとございました。大変助かりました。