Как я могу локально сохранить определенное изображение из веб-приложения flutter?

Question

Как я могу локально сохранить определенное изображение из веб-приложения Flutter? Я работаю над веб-приложением Flutter. Когда я щелкаю правой кнопкой мыши и сохраняю изображение из веб-приложения Flutter, оно сохраняется как весь экран. Я пытаюсь выяснить, как сохранить одно изображение локально из веб-приложения Flutter, но у меня возникают проблемы с этим из браузера, поскольку оно сохраняет изображение как весь экран в html-файле. Но на другом веб-сайте стека мы можем сохранить одно изображение локально, щелкнув его правой кнопкой мыши, а в Flutter Web я сталкиваюсь с этими трудностями в том, как их преодолеть. Но я кодирую все изображения на экране как виджет изображения и выравниваю с помощью виджета макета. Я делюсь изображениями и примеряю их здесь. как преодолеть эти трудности.

Answer 1

Обычно я стараюсь не добавлять изображение в свои ресурсы (поскольку размер веб-приложения слишком велик), поэтому я добавляю все свои изображения на сервер, а затем использую Image.network. Для сохранения изображения я обычно добавляю Детектор жестов, который откроет новую вкладку по URL-адресу изображения. что-то вроде этого :

      import 'dart:html' as html;
class CustomImage extends StatelessWidget {
  final String url;
  const CustomImage({Key? key, required this.url}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
        onTap: () {
          html.window.open(url, "_blank");
        },
        child: Image.network(url));
  }
}