parallax_bg

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

ParallaxBg는 개발자가 쉽게 시각적으로 매력적이고 상호작용 가능한 파라럭스 배경을 만들 수 있도록 해주는 Flutter 패키지입니다. 사용자 입력이나 기기의 움직임에 따라 부드러운 계층적 이동을 지원하며, 앱 인터페이스에 깊이와 역동성을 더하는 데 이상적입니다. 이 패키지는 Flutter 프로젝트에 원활하게 통합되며 Android 및 iOS 플랫폼에서 모두 작동합니다. 최소한의 설정으로 그라데이션, 이미지 또는 사용자 정의 위젯을 배경 레이어로 사용하여 풍부한 시각 효과를 구현할 수 있습니다.

사용 사례

스플래시 화면 개선
몰입형 로딩 페이지 만들기
모바일 앱 UI에 깊이를 더하기
인터랙티브 스토리텔링 인터페이스 설계

주요 기능

스무스 파라럭스 레이어링
여러 배경 레이어 지원
기기 운동 통합
사용자 지정 가능한 애니메이션 속도
크로스 플랫폼 호환성 (Android 및 iOS)

적합한 대상

시각적 영향력을 추구하는 UI 디자이너
매력적인 온보딩 경험을 구축하는 개발자
동적 배경 효과가 필요한 앱
창의적인 디지털 제품 프로토타입

고려 사항

저사양 기기에서 성능에 영향을 미칠 수 있습니다
복잡한 장면을 위한 신중한 최적화가 필요합니다
기본 파라럭스 동작을 넘어서는 사용자 정의가 제한적
정적 또는 느리게 움직이는 콘텐츠에 가장 적합

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Create beautiful & interactive parallax backgrounds for your apps and games.

You can find another working example in SlideIT Mobile Game

Usage

Add following command in your pubspec.yaml & install package

parallax_bg:2.0.1

or run

flutter pub add parallax_bg

Import in your dart page

import 'package:parallax_bg/parallax_bg.dart';

Add following to create background wrapper

    ParallaxBackground(
      backgroundImage: "assets/images/galaxy.jpg",
      parallaxType: _parallaxType,
      foregroundChilds: [
        ParallaxItem(
            child: Image.asset("assets/images/planet.png"),
            offset: _planetOffset),
        ParallaxItem(
            child: Image.asset("assets/images/meteor.png"),
            offset: _meteorOffset),
      ],
      // fallback: true,
    );

Change/Add/Remove ParallaxItem for foreground items

    ParallaxItem(
    child: Image.asset("assets/images/meteor.png"),
    offset: _meteorOffset),

ParallaxBackground

PROPERTY	TYPE	REQUIRED	DETAILS
backgroundImage	string	yes	Image path from asset folder
foregroundChilds	List	yes	Widgets to create foreground layers
child	Widget	no	Child widget to draw over all parallax widgets
reverse	boolean	no	Move foreground items in reverse direction. Default false
fallback	boolean	no	If true render the items normally when there are no sensors available. If false, it will show a error message in visible area. Default false

ParallaxItem

PROPERTY	TYPE	REQUIRED	DETAILS
child	Widget	yes	Child widget to draw over background as parallax item
offset	boolean	no	Offset values to calculate distance to move items when moving device. Need separate value for each item. Default 5

LICENSE

MIT LICENSE

패키지, 저장소 및 앱 카테고리 검색

parallax_bg

패키지 설치

패키지 개요

사용 사례

주요 기능

적합한 대상

고려 사항

원본 README

parallax_bg

Usage

LICENSE

카테고리

의존성

소스 저장소

parallax_bg

이 패키지를 사용하는 프로젝트