[Flutter] – Center 클래스 사용하기
다음 예제에서는 Center 위젯으로 래핑된 Text 위젯을 사용하여 Flutter 애플리케이션을 만듭니다.
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 const Center( child: Text('Hello World', style: TextStyle(fontSize: 30),), ); }} |
스크린샷 [안드로이드 에뮬레이터, ios 시뮬레이터]
![[Flutter] – Center 클래스 사용하기 [Flutter] – Center 클래스 사용하기](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXD6EYVFCuB0KpIUi-AQlNF9vBTcxPKuMnvUTs_we95yVpCp7dfpJj0b_vBwSDkg3974gvSF0D2gF9h4wSjfVunfS7EzAEZtMaecPgwbqYZOWY2uvAh-GKYt1yECcAPDm30GlKXF0uztjDrPz_UWJ3MWyi0zv_P4hRssa-DFwTNaNuX0dRQqnT91i/s16000/imgonline-com-ua-twotoone-pkz1y56Wx2.jpg)
댓글
댓글 쓰기