Як відобразити зображення Base64 у flutter?

Перетворення рядка в кодуванні Base64 на зображення у Flutter є простим процесом. Нам просто потрібно декодувати рядок за допомогою base64. decode() і передає отримані двійкові дані в зображення. конструктор memory()..3 квітня 2023 р

Покрокова інструкція:

Крок 1: Додайте залежності. Для початку додайте необхідні залежності до вашого файлу pubspec.yaml: dependencies: …
Крок 2: Вибір файлу. …
Крок 3. Прочитайте вміст файлу на екрані. …
Крок 4: Перетворення на Base64. …
Крок 5: Обробка допоміжної функції.

Base64 — це метод кодування двійкових даних у текст ASCII. Відображення зображень Base64 у HTML передбачає використовуючи тег <img> з атрибутом src, встановленим на URL-адресу даних Base64, що містить дані зображення, закодовані як текст ASCII.

Щоб відобразити зображення у Flutter, виконайте такі дії:

Крок 1: спочатку нам потрібно створити нову папку в корені проекту Flutter і назвати її assets. …
Крок 2: Далі додайте одне зображення вручну в цю папку.
Крок 3: оновіть pubspec. …
Крок 4: Нарешті, відкрийте themain. …
Крок 5. Тепер запустіть програму. …
Вихід.
Вихід.

Щоб вручну перетворити зображення, скористайтеся таким сайтом, як http://base64online.org/encode. Завантажте зображення на сайт і скопіюйте отриманий текст. Ваш атрибут src має починатися з data:image/png;base64, . Після цього вам потрібно вставити текст зображення, який можна оточити з обох сторін будь-якою кількістю пробілів.