[Flutter] – Container 클래스 사용하기

다음 예제에서는 Container 위젯을 사용하여 Flutter 애플리케이션을 만듭니다. 컨테이너 위젯에는 다음 속성이 설정되어 있습니다.

• 높이(height)는 150으로 설정됩니다.

• 너비(width)는 200으로 설정됩니다.

• 색상(color)은 녹색으로 설정됩니다.

• 정렬(alignment)이 중앙으로 설정됩니다.

• 자식(child)은 텍스트 위젯으로 설정됩니다.

main.dart

import 'package:flutter/material.dart';   void main() => runApp(const MyApp());   class MyApp extends StatelessWidget {   const MyApp({Key? key}) : super(key: key);     static const String _title = 'Flutter Tutorial';     @override   Widget build(BuildContext context) {     return MaterialApp(       title: _title,       home: Scaffold(         appBar: AppBar(title: const Text(_title)),         body: const MyStatefulWidget(),       ),     );   } }   class MyStatefulWidget extends StatefulWidget {   const MyStatefulWidget({Key? key}) : super(key: key);     @override   State<MyStatefulWidget> createState() => _MyStatefulWidgetState(); }   class _MyStatefulWidgetState extends State<MyStatefulWidget> {   @override   Widget build(BuildContext context) {     return Center(       child: Column(         children: <Widget>[           const SizedBox(height: 10,),           Container(             height: 150,             width: 200,             color: Colors.green,             alignment: Alignment.center,             child: const Text('Container'),           ),         ],       ),     );   } }

스크린샷 [안드로이드 에뮬레이터, ios 시뮬레이터]