본문 바로가기
반응형

Flutter/Flutter Programming241

플러터에서 Google Fonts 사용하기: google_fonts 패키지 사용 방법과 옵션 설명 google_fonts 패키지는 플러터 애플리케이션에서 Google Fonts를 쉽게 사용할 수 있게 도와주는 패키지입니다. Google Fonts는 다양한 글꼴을 무료로 제공하며, 이 패키지를 사용하면 플러터 애플리케이션에서 이 글꼴들을 직접 가져와 사용할 수 있습니다.  google_fonts score | Flutter packageA Flutter package to use fonts from fonts.google.com. Supports HTTP fetching, caching, and asset bundling.pub.dev 1. 패키지 추가먼저, google_fonts 패키지를 pubspec.yaml 파일에 추가합니다.dependencies: flutter: sdk: flutter .. 2024. 7. 9.
플러터에서 애플리케이션 아이콘에 뱃지 구현하기 flutter_app_badger 패키지 사용 방법과 옵션 설명 flutter_app_badger 패키지는 안드로이드와 iOS에서 애플리케이션 아이콘에 뱃지를 표시하는 기능을 제공하는 플러터 패키지입니다.이 패키지를 사용하면 사용자에게 새로운 알림이나 메시지 수 등을 애플리케이션 아이콘에 숫자로 표시할 수 있습니다.  flutter_app_badger | Flutter packagePlugin to update the app badge on the launcher (both for Android, iOS and macOS)pub.dev flutter_app_badger 패키지 사용 방법1. 패키지 추가먼저, flutter_app_badger 패키지를 pubspec.yaml 파일에 추가합니다.dependencies: flutter: sdk: flutter fl.. 2024. 7. 9.
플러터에서 로딩 인디케이터 추가하기: flutter_spinkit 패키지 사용 방법과 옵션 설명 플러터에서 로딩 인디케이터를 간편하게 구현할 수 있는 flutter_spinkit 패키지의 사용 방법과 주요 옵션에 대해 설명해드리겠습니다.  flutter_spinkit | Flutter packageA collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit.pub.dev1. flutter_spinkit 패키지 설치먼저 flutter_spinkit 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 다음과 같이 추가해 주세요dependencies: flutter: sdk: flutter flutter_spinkit: ^5.1.0그리고 터미널에서 flutter.. 2024. 7. 9.
플러터에서 Pull to Refresh 구현하기: pull_to_refresh 패키지 사용 방법과 옵션 설명 플러터에서 리스트나 그리드 등의 위젯에서 Pull to Refresh 기능을 구현하는 방법과 주요 옵션에 대해 설명해드리겠습니다.  pull_to_refresh | Flutter packagea widget provided to the flutter scroll component drop-down refresh and pull up load.pub.dev1. pull_to_refresh 패키지 설치먼저 pull_to_refresh 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 다음과 같이 추가해 주세요dependencies: flutter: sdk: flutter pull_to_refresh: ^2.0.0그리고 터미널에서 flutter pub get 명령어를 실행하여 패키지.. 2024. 7. 9.
플러터에서 네트워크 이미지 캐싱하기: Cached Network Image 패키지 사용 방법과 옵션 설명 플러터에서 이미지를 네트워크에서 캐싱하여 관리하는 CachedNetworkImage 패키지의 사용 방법과 주요 옵션에 대해 설명해드리겠습니다.  cached_network_image score | Flutter packageFlutter library to load and cache network images. Can also be used with placeholder and error widgets.pub.dev ** 캐싱이란?캐싱은 데이터나 값을 빠르게 액세스하기 위해 임시적으로 저장하는 기술입니다. 컴퓨터 과학에서 자주 사용되는 용어이며, 웹 개발, 데이터베이스, 컴퓨터 시스템 등 다양한 분야에서 활용됩니다.1. CachedNetworkImage 패키지 설치먼저 CachedNetworkImage .. 2024. 7. 9.
플러터에서 로딩 스켈레톤 구현하기: skeletons 패키지 사용 방법과 옵션 설명 스켈레톤 로딩 애니메이션은 데이터가 로딩되는 동안 사용자에게 빈 상태를 시각적으로 표시해주는 유용한 방법입니다.1. skeletons 패키지 설치먼저 skeletons 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 다음과 같이 추가해 주세요dependencies: flutter: sdk: flutter skeletons: ^0.0.3그런 다음 터미널에서 flutter pub get 명령어를 실행하여 패키지를 다운로드합니다.2. 기본 사용법이제 skeletons 패키지를 사용하여 기본 스켈레톤 로딩 애니메이션을 구현해보겠습니다.import 'package:flutter/material.dart';import 'package:skeletons/skeletons.dart';voi.. 2024. 7. 9.
반응형

티스토리툴바