[Flutter] Banner Widget 총정리

다음 예제에서는 배너 위젯을 사용하여 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 Center(       child: Container(         padding: const EdgeInsets.all(10),         child: Banner(           message: 'New Arrival',           location: BannerLocation.topStart,           child: Container(             height: 200,             width: 200,             color: Colors.yellow,             alignment: Alignment.center,             child: const Text('Some Item'),           ),         ),       )     );   } }

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