पैकेज, रिपॉज़िटरी और ऐप श्रेणियाँ खोजें

GitHub रिपॉज़िटरीZingworks-Sachin/animated_flutter_widgets

animated_flutter_widgets

Zingworks-Sachin/animated_flutter_widgets open-source repository details.

animated_flutter_widgets प्रोजेक्ट कवर
स्टार
3
फ़ोर्क
1
अंतिम पुश (UTC)
18 अक्टू॰ 2023
प्रोजेक्ट स्थिति
सक्रिय

मूल README

यह अंग्रेज़ी मूल स्नैपशॉट है। नवीनतम सामग्री GitHub पर देखें।

pub package


animated_flutter_widgets



Introduction

Elevate your Flutter app's user interface to a whole new level with animated_flutter_widgets. This versatile package lets you effortlessly add mesmerizing animations to any widget while also offering a collection of pre-designed animated widgets for accelerated development.

Supported platforms

  • Android
  • iOS
  • Web
  • MacOS
  • Windows
  • Linux

Features

* Steady Animations

screen

* Continuous Animations

screen

* Page Transition Animations

screen

* Button Tap Animations

screen

* Animated ListViews

screen

* Animated GridViews

screen

* Animated AppBars

screen

Usage

/// Check example project to explore other animations as well
/// To use these animations(Steady, Continuous & Tap Animations) wrap your widget inside the animation widgets
SlideInAnimation(
 direction: Direction.right,
 duration: const Duration(seconds: 1),
 child: YourWidget()
);

Cube3DAnimation(
 sideLength: 100,
 duration: const Duration(seconds: 4),
 isContinuous: true,
 child: YourWidget()
);

LongTapAnimation(
// pressDuration: Duration(seconds: 0),
 child: YourWidget()
);

/// To use Animated ListView & GridView
AnimatedListViewBuilder(
 itemCount: 25, // Change this to your desired item count
 customColor: ColorUtility.magenta, // Use this if you are using CollectionAnimationType.listColored
 animationType: CollectionAnimationType.leftScale, //Change this to your desired animation type
 itemBuilder: (context, index) {
  return YourWidget()
 }
);

AnimatedGridViewBuilder(
 itemCount: 25, // Change this to your desired item count
 animationType: CollectionAnimationType.scaleOut, //Change this to your desired animation type
 itemBuilder: (context, index) {
  return YourWidget()
 }
);

/// To use Animated AppBar
SlideInAnimatedAppBar(
 backgroundColor: ColorUtility.magenta,
 animationDuration: 1000,
 title: const Text('Second Page'),
)

/// To use Page Transition Animations
Navigator.push(context,PopAndScaleTransition(page: YourPage()));

Example

Check out the example

License

MIT License

Issues and feedback

If you have any suggestions for including a feature or if something doesn't work, feel free to open a Github issue or to open a pull request, you are more than welcome to contribute!

Contributor

Zingworks-Sachin GitHub avatar
GitHub लेखक

Zingworks-Sachin ↗

भाषाएँDartC++CMakeRubyCHTMLSwiftShellJavaObjective-C

इस रिपॉज़िटरी के पैकेज

उपयोग की गई निर्भरताएँ

निर्भरता सूची 3 आइटम

  • flutter{"sdk":"flutter"}
  • flutter_testडेवलपमेंट{"sdk":"flutter"}
  • flutter_lintsडेवलपमेंट^2.0.0

अपने प्रोजेक्ट के लिए रिपॉज़िटरी कैसे चुनें?

उपयोग के अनुसार छाँटें, गतिविधि की तुलना करें और अपनाने से पहले मूल प्रोजेक्ट की आवश्यकताएँ जाँचें।

  1. नाम, लेखक या विवरण से खोजें और तकनीकी विषय से परिणाम सीमित करें।
  2. स्टार, फ़ोर्क और हाल के पुश की तुलना करें। स्टार रुचि दर्शाते हैं, गुणवत्ता की गारंटी नहीं।
  3. उपयोग से पहले GitHub पर README, लाइसेंस और Issues जाँचें।

स्रोत और रखरखाव

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗