Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/donaldamadi/multi-image-viewer
Flutter Package that shows multiple images with different layouts
https://github.com/donaldamadi/multi-image-viewer
dart flutter package
Last synced: 7 days ago
JSON representation
Flutter Package that shows multiple images with different layouts
- Host: GitHub
- URL: https://github.com/donaldamadi/multi-image-viewer
- Owner: donaldamadi
- License: mit
- Created: 2022-05-19T11:26:26.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-17T06:17:47.000Z (6 months ago)
- Last Synced: 2024-08-01T12:21:41.011Z (3 months ago)
- Topics: dart, flutter, package
- Language: Dart
- Homepage: https://pub.dev/packages/multi_image_layout
- Size: 220 KB
- Stars: 8
- Watchers: 1
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Description
Experience dynamic image layout capabilities with this Flutter package.
Effortlessly integrate single or multiple images and observe the adaptive layout transformation in real-time.
Enhanced with caption support for each image, it offers both versatility and precision for developers keen on superior UI experiences.
## Getting started
```dart
import 'package:multi_image_layout/multi_image_viewer.dart';
```
### iOS
Add the following keys to your Info.plist file, located in `/ios/Runner/Info.plist`:
* `NSPhotoLibraryAddUsageDescription` - describe why your app needs permission for the photo library. This is called Privacy - Photo Library Usage Description in the visual editor.
### Android
You need to ask for storage permission to save an image to the gallery. You can handle the storage permission using [flutter_permission_handler](https://pub.dev/packages/permission_handler) package.
* `android.permission.WRITE_EXTERNAL_STORAGE` - Permission for usage of external storage
```xml
```
## Usage
```dart
import 'package:multi_image_layout/multi_image_viewer.dart';
MultiImageViewer(
images: [
ImageModel(
imageUrl: "https://4.img-dpreview.com/files/p/TS250x250~sample_galleries/3800753625/4684313123.jpg",
caption: "Caption 1",
),
ImageModel(
imageUrl: "https://3.img-dpreview.com/files/p/TS250x250~sample_galleries/3800753625/8719688791.jpg",
caption: "Caption 2",
),
],
height: 200,
width: 200,
),
```
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support
Give a 👍 if you like this project!
## 📝 License
This project is [MIT](./LICENSE) licensed.