【Flutter】Containerの高さ・横幅を変更

2022年12月22日

こんにちは、フラメルです。

今回はContainerの高さ・横幅を変更する方法を紹介します。

Containerの高さ・横幅を変更する方法

Containerの高さ・横幅はそれぞれheight・widthで指定できます。

Container(
  width: 200,
  height: 200,
  color: Colors.red,
),

サンプルコード

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter'),
        ),
        body: Center(
          child: Container(
            width: 200,
            height: 200,
            color: Colors.red,
          ),
        ),
      ),
    );
  }
}

以上です。