Флаттер фоновое изображение «Невозможно декодировать байты как UTF-8» - PullRequest
Новая
       0

Флаттер фоновое изображение «Невозможно декодировать байты как UTF-8»

0 голосов
/ 20 июня 2020

Я работаю над приложением флаттера и хочу использовать фоновое изображение. Вот мой код, который я получил со следующей страницы переполнения стека: Flutter SDK Установить фоновое изображение 

import 'package:flutter/material.dart';
import 'backgroundpic.jpeg';

void main() {
  runApp(MyApp());
}

class BaseLayout extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("backgroundpic.jpeg"),
            fit: BoxFit.cover,
          ),
        ),
        child: null /* add child content here */,
      ),
    );
  }
}

Проблема в том, что когда я запускаю это приложение, я получаю огромное список ошибок, вращающихся вокруг «невозможно декодировать байты как UTF-8».

Вот список ошибок: 

lib/backgroundpic.jpeg:6:300: Error: Unable to decode bytes as UTF-8.   
I also get a whole bunch of gibberish:

   ���F�'
��$�d�-��[+�5���7�Q�WoIt��s��r�d��OV�|ټ������7��V·BI�r<�^_n�DZ����4��+M
p�|��B�Ħ�k�ɣ�(�%u����岅�FZo����c�WK�qyy�j���KV�Eԫ:����T���n�Euocg)��
��e�jr�ч���N��������#�T~���=����EoqS(§)'����C
J��di��͹�r�u���2�8{X^WJKKKs�s�f}J��:�Q���Y�ԗ;>[3��1�Qp[n�               
��p�>r��W���WVZ��9]D�\��]W��rjm�J-�w��L�f�)A¼8���{r[y��;�NIF�GM�n��ߩ��z��^
�ֳ��a=��l��o�ѱ���5+�&ӽ�M��8����Q���<3KI����۞w��V����C�Z���#
                                                          $�X�e���
��OG����j��^�%H6�@��n
                     ��c9��M��.@�7��6.!
                                       ��x���Wx�A��m��[�co��>   .��
O��NI�Z'�_"�h�gzm5%��wZ�7���L���-n\J��+�K���;�|���m)�_������֍���M���a#�
V���5k�p�e�A}�#[a�h�N������ғ]�$�4����*�s2;A�*t�ݖ����g�r�;k��I��读o�p}��}�G^�
�w�鲾cR�?�.���sl�r�~�
�䮞�O���:��E^6�\�oCW&ɩ�

Кто-нибудь может мне помочь? Спасибо!

1 Ответ

0 голосов
/ 20 июня 2020
  • Создайте папку с именем assets в основном пути вашего проекта.
  • Поместите изображение в папку.
  • Объявите свое изображение в вашем Pubspec.yaml вот так : 
assets:
    - assets/backgroundpic.jpeg
  • Вы должны добавить полный путь к вашему пи c в свой код: 
image: AssetImage('assets/backgroundpic.jpeg');
...