Выбор изображения во Flutter

Все в одном ресурсе Flutter: https://flatteredwithflutter.com/image-picker-in-flutter/

Давай начнем…

  1. Начните с добавления пакета image_picker в pubspec.yaml.

ПРИМЕЧАНИЕ. Не указывая версию, вы всегда можете получить последнюю версию… вот так

2. Добавьте import ‘package: image_picker / image_picker.dart’;

Перед шагом 3 давайте представим:

Асинхронный режим и ожидание

Асинхронная функция - это функция, тело которой помечено модификатором async.
Когда вы вызываете асинхронную функцию, она немедленно возвращает Future; тело функции запланировано для выполнения позже.

Когда тело выполнено, Future, возвращенное вызовом, завершается с результатом (независимо от ошибки или ответа).

Значение Await…

Использование await помогает нам сократить количество шаблонных кодов. Общая форма ожидания:

ожидание e (где e = унарное выражение)
например (ожидание file.copy (newPath))

Все еще не понял? Попробуйте эту ссылку https://www.dartlang.org/articles/language/await-async

Выражения Await оценивают e, приостанавливают выполнение текущей функции до тех пор, пока не будет готов результат (или пока не будет завершено будущее). Результатом выражения await является завершение future.

Важный момент: вы можете использовать await только внутри асинхронной функции.

3. Используйте код средства выбора изображения как

ImageSource.gallery - - Если у приложения нет разрешения, оно автоматически запрашивает разрешение.

ImageSource.video - если у приложения нет разрешения, оно автоматически запрашивает разрешение.

ImageSource.camera— - Если у приложения нет разрешения, оно автоматически запрашивает разрешение.

и приведенные выше выражения возвращают File…

4. Некоторые идеи из кода (image_picker.dart),

статическое будущее ‹File› pickImage ({})

статическое будущее ‹File› pickVideo ({})

оба возвращают путь к выбранному файлу

Некоторые скриншоты приложения:

Первая кнопка выбирает изображение из галереи и отображает…

Вторая кнопка берет изображение с камеры и отображает…

Статьи, связанные с Flutter:



Сканер штрих-кода во Flutter
Сканер штрих-кода во Flutter. С помощью сканера штрих-кода medium.com





Полный исходный код см. На сайте



P.S……………………….

Flutter Pub - это издание среднего размера, которое предоставляет вам самые свежие и удивительные ресурсы, такие как статьи, видео, коды, подкасты и т. Д. Об этой замечательной технологии, чтобы научить вас создавать с ее помощью красивые приложения. Вы можете найти нас на Facebook, Twitter и Medium или узнать о нас больше здесь. Нам бы очень хотелось пообщаться! А если вы писатель, который хочет писать для нас, вы можете сделать это с помощью этих рекомендаций.