0

Я делаю месенджер и для отображение аватаров пользователей с бека приходит или установленное пользователем изображение или дефолтное svg.

Я пытался реализовать функцию проверки для отображение png, jpeg или svg

httpGetLogoImage () async {
try {
  HttpClientRequest request = await HttpClient().getUrl(Uri.parse( "https://api.test.im/${chat['logo']}"));
  HttpClientResponse response = await request.close();

  File file = File('foo');
  var fileImage = await response.pipe(file.openWrite());

  img.PngDecoder png = img.PngDecoder();
  img.JpegDecoder jpg = img.JpegDecoder();

  if(png.isValidFile(fileImage) || jpg.isValidFile(fileImage)) {
    return Image.file(fileImage);
  } else {
    return SvgPicture.file(fileImage);
  }
} catch (error) {
  print("Error $error");
}

Так как это асинхронная функция необходимо подождать получение данных ну и отображать лоудер я реализовал это через

            FutureBuilder(
          future: httpGetLogoImage,
          builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
            if(snapshot.hasData)
              return Container (
                padding:
                EdgeInsets.zero,
                height: 150,
                width: 150,
                child: snapshot.data,
              );
            return Container(child: CircularProgressIndicator());
          },
        ),

Но у меня выходит ошибка The argument type 'dynamic Function()' can't be assigned to the parameter type 'Future?'.

5
  • 1
    Ты передаешь конструктору виджета функцию, а надо передавать ее результат (экземпляр Future). Скобки вызова функции добавь после ее идентификатора... httpGetLogoImage()
    – yar85
    12 авг 2021 в 10:15
  • @yar85 Спасибо))))) я прост только начал разрабатывать.
    – Silverfire
    12 авг 2021 в 10:38
  • @yar85 а можете подсказать File file = File('foo'); для чего, я должен заранее знать имя файла которое я хочу получить? я нашел данную реализацию stackoverflow.com/questions/62825240/… т.к больше ничего для работы и с обычными изображениями и работы с svg нет.
    – Silverfire
    12 авг 2021 в 10:54
  • Да, конструктор File предполагает знание пути. О работе с изображениями (и с ассетами, и с файловой системой) написано в официальной справке Flutter'а - ее стоит изучить перед тем как копировать всякое из SO.
    – yar85
    12 авг 2021 в 11:00
  • @yar85 короче я переделал)))
    – Silverfire
    12 авг 2021 в 11:16

1 ответ 1

0

Когда нибудь я разберусь как работать с файловой системой, пока я реализовал это следующим образом

  httpGetLogoImage () {
try {
  if(chat['logo'].endsWith('.svg')) {
    //Отображение svg картинки
    return SvgPicture.network(
      "https://api.test.im/${chat['logo']}",
      semanticsLabel: 'A shark?!',
      placeholderBuilder: (BuildContext context) => Container(
          padding: const EdgeInsets.all(30.0),
          child: const CircularProgressIndicator()),
    );
  } else {
    return CircleAvatar(
      radius: 30.0,
      backgroundImage:
      NetworkImage("https://api.test.im/${chat['logo']}"),
      backgroundColor: Colors.transparent,
    );
  }
} catch (error) {
  print("Error $error");
}

}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.