매일 작성하는 개발 일기
close
프로필 배경
프로필 로고

매일 작성하는 개발 일기

  • 분류 전체보기 (592)
    • JavaScript (39)
    • Flutter (25)
    • HTML CSS (2)
    • 알고리즘 (334)
      • Programmers (170)
      • Baekjoon (164)
    • CS (11)
      • 컴퓨터 구조 (5)
      • 네트워크 (6)
    • 스파르타코딩클럽 (166)
      • 내일배움캠프 (152)
      • 웹개발 종합반 (9)
      • 앱개발 종합반 (5)
    • 개발 기록장 (8)
    • 프로젝트 (1)
    • 회고 (6)
  • 홈
  • JavaScript
  • Flutter
  • 태그
  • 방명록
[Flutter] shimmer 패키지로 스켈레톤 UI 적용하기

[Flutter] shimmer 패키지로 스켈레톤 UI 적용하기

구현 목표기존에는 화면 중앙에 로딩 스피너를 배치했는데,데이터를 불러온 뒤에 시선이 다시 화면 상단으로 이동해야 하는 점이 다소 불편하다고 느꼈다. 그래서 시선 이동을 최소화하고 사용자 경험을 높이기 위해홈 화면 로딩 시 로딩 스피너 대신 스켈레톤 UI를 적용하기로 했다. shimmer 패키지플러터에서 손쉽게 shimmer 효과를 적용할 수 있도록 도와주는 패키지다.스켈레톤 UI를 만들 때 자주 활용되며, `baseColor`, `highlightColor`, `child`만 지정하면 간단하게 적용할 수 있다. 그 외에는 다음과 같은 옵션들을 제공한다. shimmer | Flutter packageA package provides an easy way to add shimmer effect in Flut..

  • format_list_bulleted Flutter
  • · 2025. 9. 10.
  • textsms
  • navigate_before
  • 1
  • navigate_next
GitHub Link 포트폴리오 링크
전체 카테고리
  • 분류 전체보기 (592)
    • JavaScript (39)
    • Flutter (25)
    • HTML CSS (2)
    • 알고리즘 (334)
      • Programmers (170)
      • Baekjoon (164)
    • CS (11)
      • 컴퓨터 구조 (5)
      • 네트워크 (6)
    • 스파르타코딩클럽 (166)
      • 내일배움캠프 (152)
      • 웹개발 종합반 (9)
      • 앱개발 종합반 (5)
    • 개발 기록장 (8)
    • 프로젝트 (1)
    • 회고 (6)
인기 글
최근 글
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바