Flutter Stack

Flutter 앱/Layout 2023. 12. 27. 15:04
728x90

이미지 위에 또다른 이미지를 겹쳐서 보이도록 하고 싶을 때는 Stack 위젯을 사용한다.

 

child: Stack(
  children: [
    // 사진
    Positioned.fill(
      child: Image.network(
        catImage,
        fit: BoxFit.cover,
      ),
    ),
    // 좋아요
    Positioned(
      bottom: 8,
      right: 8,
      child: Icon(
        Icons.favorite,
        color: catService.favoriteImages.contains(catImage)
            ? Colors.amber
            : Colors.transparent,
      ),
    ),
  ],
),
 

 

 

'Flutter 앱 > Layout' 카테고리의 다른 글

Flutter Custom Button  (0) 2022.07.25
Flutter Row 위젯  (0) 2022.06.24
Flutter Column 위젯  (0) 2022.06.24
Flutter Container 위젯  (0) 2022.06.24
Flutter CustomScrollView  (0) 2022.06.21
블로그 이미지

Link2Me

,