[flutter] 스택드 위젯을 사용하여 이미지 갤러리 화면 만들기

15 Dec 2023

flutter

안녕하세요! Flutter에서 스택드(Stacked) 위젯을 사용하여 이미지 갤러리 화면을 만드는 방법을 알아보겠습니다.

스택(Stack) 위젯이란?

스택(Stack) 위젯은 자식 위젯들을 서로 겹치게 하는데 사용됩니다. 각 자식 위젯은 위치를 지정하여 스택 안에서 겹쳐서 보이게 됩니다.

이미지 갤러리 화면 만들기

이제 스택드 위젯을 사용하여 이미지 갤러리 화면을 만들어보겠습니다. 먼저, 필요한 이미지들을 가져온 다음, 아래의 코드를 사용하여 이미지 갤러리 화면을 만들 수 있습니다.

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('이미지 갤러리'),
        ),
        body: Stack(
          children: <Widget>[
            Image.network('url_1'),
            Image.network('url_2'),
            Image.network('url_3'),
          ],
        ),
      ),
    );
  }
}

위 코드에서는 Stack 위젯을 사용하여 세 개의 이미지를 겹쳐서 표시하고 있습니다.

결론

위와 같이 Flutter에서 스택드(Stacked) 위젯을 사용하여 이미지 갤러리 화면을 만들었습니다. 스택(Stack) 위젯은 UI의 다양한 요소들을 겹쳐서 표시할 때 유용하게 사용될 수 있습니다.

이상으로, 감사합니다!