https://github.com/abdulawalarif/image_animation_with_hero
This is an example app for image animation with Flutter and Dart
https://github.com/abdulawalarif/image_animation_with_hero
android dart flutter flutter-example ios material-design
Last synced: 2 months ago
JSON representation
This is an example app for image animation with Flutter and Dart
- Host: GitHub
- URL: https://github.com/abdulawalarif/image_animation_with_hero
- Owner: abdulawalarif
- License: mit
- Created: 2024-12-11T09:16:04.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-12T14:49:17.000Z (6 months ago)
- Last Synced: 2025-02-07T07:42:13.264Z (4 months ago)
- Topics: android, dart, flutter, flutter-example, ios, material-design
- Language: C++
- Homepage:
- Size: 3.22 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Hero Animation Example with Flutter Dart
## Interactive Hero Animation Demo
This project demonstrates how to use the Hero Animation in Flutter to transition between two screens seamlessly.
## Features
* **Showcase Flutter's Hero animation for image transitions across screens.:** Showcase Flutter's Hero animation for image transitions across screens.
## Run Locally
Clone the project
```bash
git clone [email protected]:abdulawalarif/image_animation_with_hero.git
```
Go to the project directory
```bash
cd image_animation_with_hero
```
Install dependencies
```bash
flutter pub get
```
Connect a physical device or start a virtual device on your machine
```bash
flutter run
```
## Customization Tips
- Hero Tag Customization: Modify the tag property in the Hero widget to create unique animations for different elements.
- Image Asset Replacement: Replace the assets/bag.jpg with your own image in the assets folder and update the pubspec.yaml accordingly.
- Size Adjustments: Change the height and width properties in Image.asset to adapt to different screen sizes or design requirements.
## Reporting Bugs or Requesting Features?
If you found an issue or would like to submit an improvement to this project,
please submit an issue using the issues tab above. If you would like to submit a PR with a fix, reference the issue you created!
## Author
- [@abdulawalarif](https://github.com/abdulawalarif)
## License
[MIT](https://choosealicense.com/licenses/mit/)