image_picker_plus

KO | EN

gitlite — search

#javascript #react #typescript #android #deep-learning #docker #nodejs #macos #java #awesome #vue #mcp #openai #open-source

image_picker_plus

(★ 59)

🚀 Tired of the boring, old gallery UI in Flutter? Image Picker Plus gives you a modern, smooth, and customizable image-picking experience from both the camera and the gallery.

image_picker_plus Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="left">Image picker plus</h1>

When you try to add a package (like image_picker) to pick an image from a gallery/camera, you will face a lot of issues like:-
- If your app supports multi-themes image picker will not respond with that.
- If your app supports multi-languages image picker will not respond with that.
- If your app has a beautiful design and a good user experience, image_picker will break all of this, Because image_picker has a traditional UI of Gallery display.

In (image_picker_plus), we solve all those issues and many other features like:-
- You can customize the UI of displaying the gallery.
- You can crop the selected image(s) with different aspect ratios.
- You can display photos and videos and choose from both of them.
- You can display a gallery, camera, and video, and the user can choose between them.

</p>
<!-- <p>
<img src="https://user-images.githubusercontent.com/88978546/189904645-2ff958ed-c23e-4040-ad9a-75136bc3e9c6.jpg"    width="70%" height="40%">

</p> -->
<p>
<img src="https://user-images.githubusercontent.com/88978546/189904669-0b9ca16a-9c75-435d-b5a7-82e639153e93.jpg"    width="70%" height="40%">

</p>
<p align="left">
  <a href="https://pub.dartlang.org/packages/image_picker_plus">
    <img src="https://img.shields.io/pub/v/image_picker_plus.svg"
      alt="Pub Package" />
  </a>
    <a href="LICENSE">
    <img src="https://img.shields.io/apm/l/atomic-design-ui.svg?"
      alt="License: MIT" />
  </a> 
</p>

# Installing

## IOS

\* The camera plugin compiles for any version of iOS, but its functionality
requires iOS 10 or higher. If compiling for iOS 9, make sure to programmatically
check the version of iOS running on the device before using any camera plugin features.
The [device_info_plus](https://pub.dev/packages/device_info_plus) plugin, for example, can be used to check the iOS version.

Add two rows to the `ios/Runner/Info.plist`:

* one with the key `Privacy - Photo Usage Description` and a usage description.
* and one with the key `Privacy - Camera Usage Description` and a usage description.

If editing `Info.plist` as text, add:

```xml
<key>NSPhotoLibraryUsageDescription</key>
<string>your usage description here</string>
<key>NSCameraUsageDescription</key>
<string>your usage description here</string>
```

## Android

* Change the minimum Android sdk version to 21 (or higher), and compile sdk to 31 (or higher) in your `android/app/build.gradle` file.

```java
compileSdkVersion 34
        minSdkVersion 21
```

* Add this permission into your AndroidManifest.xml
````xml
<manifest>
    ...
    <application
        android:requestLegacyExternalStorage="true"
    ...
</application>
<uses-permission android:name="android.permission.INTERNET"/>

<uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
<uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
    </manifest>
````

### 1. Depend on it

Add this to your package's `pubspec.yaml` file:

```yaml
dependencies:
  image_picker_plus: [last_version]
```

### 2. Install it

You can install packages from the command line:

with `pub`:

```
$ pub get image_picker_plus
```

with `Flutter`:

```
$ flutter pub add image_picker_plus
```

### 3. Import it

In your `Dart` code, you can use:

```dart
import 'package:image_picker_plus/image_picker_plus.dart';
```

image_picker_plus

image_picker_plus Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

image_picker_plus

image_picker_plus Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README