- Row 위젯은 내부 위젯을 수평으로 나열하는 위젯, Column 위젯은 내부 위젯을 수직으로 나열하는 위젯
- Stack 위젯은 내부 위젯을 겹쳐서 나열하는 위젯
import 'package:flutter/material.dart';
void main(){
runApp(MyApp7());
}
class MyApp7 extends StatelessWidget {
const MyApp7({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Stack(
children: [
Container(
width: 400,
height: 400,
decoration: BoxDecoration(
color: Colors.pink
),
),
Container(
width: 300,
height: 300,
decoration: BoxDecoration(
color: Colors.black
),
),
Positioned(
top: 50,
left: 50,
child: Container(
width: 50,
height: 50,
decoration: BoxDecoration(
color: Colors.yellow
),
),
),
],
),
),
);
}
}
'Flutter' 카테고리의 다른 글
[Flutter] Expanded 위젯 (0) | 2024.11.06 |
---|---|
[Flutter] Align 위젯 (0) | 2024.11.06 |
[Flutter] AppBar 사용법과 주요 property (0) | 2024.11.06 |
[Flutter] MaterialApp의 주요 property와 사용법 (0) | 2024.11.06 |
[Flutter] 기초적인 Flutter 화면을 구성하는 패턴 (0) | 2024.11.06 |