본문 바로가기
반응형

Flutter/Package93

플러터에서 Carousel Slider 패키지 활용하기: 이미지, 텍스트, 다양한 옵션 사용법 플러터는 다양한 기능을 제공하는 강력한 모바일 앱 개발 프레임워크입니다.Carousel Slider 패키지는 이미지, 텍스트 등을 슬라이드 형식으로 매끄럽게 표시하는 데 유용한 도구입니다.이 블로그 글에서는 플러터에서 Carousel Slider 패키지를 사용하는 방법과 다양한 옵션에 대해 자세히 살펴보겠습니다. carousel_slider | Flutter packageA carousel slider widget, support infinite scroll and custom child widget.pub.dev 1. Carousel Slider 패키지 소개Carousel Slider 패키지는 Pub Dev에서 제공하는 무료 오픈 소스 패키지로, 다음과 같은 다양한 기능을 제공합니다:이미지, 텍스트 또.. 2024. 8. 1.
플러터에서 Google Fonts 사용하기: google_fonts 패키지 사용 방법과 옵션 설명 google_fonts 패키지는 플러터 애플리케이션에서 Google Fonts를 쉽게 사용할 수 있게 도와주는 패키지입니다.Google Fonts는 다양한 글꼴을 무료로 제공하며, 이 패키지를 사용하면 플러터 애플리케이션에서 이 글꼴들을 직접 가져와 사용할 수 있습니다.  google_fonts | 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 googl.. 2024. 8. 1.
플러터에서 애플리케이션 아이콘에 뱃지 구현하기 flutter_app_badger 패키지 사용 방법과 옵션 설명 flutter_app_badger 패키지는 안드로이드와 iOS에서 애플리케이션 아이콘에 뱃지를 표시하는 기능을 제공하는 플러터 패키지입니다.이 패키지를 사용하면 사용자에게 새로운 알림이나 메시지 수 등을 애플리케이션 아이콘에 숫자로 표시할 수 있습니다.  flutter_app_badge | Flutter packagePlugin to update the app badge on the launcher iOS and macOSpub.dev flutter_app_badger 패키지 사용 방법1. 패키지 추가먼저, flutter_app_badger 패키지를 pubspec.yaml 파일에 추가합니다.dependencies: flutter: sdk: flutter flutter_app_badger: ^1... 2024. 8. 1.
플러터에서 로딩 인디케이터 추가하기: flutter_spinkit 패키지 사용 방법과 옵션 설명 플러터에서 로딩 인디케이터를 간편하게 구현할 수 있는 flutter_spinkit 패키지의 사용 방법과 주요 옵션에 대해 설명해드리겠습니다.  flutter_spinkit | Flutter packageA collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit.pub.dev 1. flutter_spinkit 패키지 설치먼저 flutter_spinkit 패키지를 프로젝트에 추가해야 합니다.pubspec.yaml 파일에 다음과 같이 추가해 주세요dependencies: flutter: sdk: flutter flutter_spinkit: ^5.1.0그리고 터미널에서 flutter.. 2024. 8. 1.
플러터에서 Pull to Refresh 구현하기: pull_to_refresh 패키지 사용 방법과 옵션 설명 플러터에서 리스트뷰나 그리드뷰 등의 위젯에서 Pull to Refresh 기능을 구현하는 방법과 주요 옵션에 대해 설명해드리겠습니다. 1. pull_to_refresh 패키지 설치먼저 pull_to_refresh 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 다음과 같이 추가해 주세요dependencies: flutter: sdk: flutter pull_to_refresh: ^2.0.0그리고 터미널에서 flutter pub get 명령어를 실행하여 패키지를 다운로드합니다.2. 기본 사용법pull_to_refresh 패키지를 사용하여 간단한 Pull to Refresh 기능을 구현해보겠습니다.import 'package:flutter/material.dart';import .. 2024. 7. 31.
플러터에서 네트워크 이미지 캐싱하기: Cached Network Image 패키지 사용 방법과 옵션 설명 플러터에서 이미지를 네트워크에서 캐싱하여 관리하는 CachedNetworkImage 패키지의 사용 방법과 주요 옵션에 대해 설명해드리겠습니다. 캐싱이란?캐싱은 데이터나 값을 빠르게 액세스하기 위해 임시적으로 저장하는 기술입니다. 컴퓨터 과학에서 자주 사용되는 용어이며, 웹 개발, 데이터베이스, 컴퓨터 시스템 등 다양한 분야에서 활용됩니다.1. CachedNetworkImage 패키지 설치먼저 CachedNetworkImage 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 다음과 같이 추가해 주세요dependencies: flutter: sdk: flutter cached_network_image: ^3.1.0그리고 터미널에서 flutter pub get 명령어를 실행하여 패.. 2024. 7. 31.
반응형

티스토리툴바