Flutter Razorpay не отображает изображение (логотип) при оформлении заказа

#flutter #payment-gateway #razorpay #flutter-razorpay

Вопрос:

Я интегрирую Razorpay во Flutter, я все сделал успешно, но у меня возникают проблемы с отображением изображения (логотипа) в диалоговом окне оформления заказа Razorpay.

То, что я сделал, это:

 var options = {
  "key" : "rzp_test_123123123123",
  "amount" : 100,
  "name" : "Sample App",
  "image" : "assets/logo.png",
  "description" : "Payment for the some random product",
  "prefill" : {
    "contact" : "2323232323",
    "email" : "shdjsdh@gmail.com"
  },
  "external" : {
    "wallets" : ["paytm"]
  }
};

try{
  razorpay.open(options);
}catch(e){
  print(e.toString());
}
 

Результат, который я получаю, таков:

введите описание изображения здесь

Может ли кто-нибудь, пожалуйста, сказать мне, какая строка будет правильной для указания пути в ключе изображения?

Я вставил изображение непосредственно в папку «Ресурсы«.

Ответ №1:

Я попытался разместить изображение на хостинге, а затем смог его загрузить.

 "image" : "https://razorpay.com/assets/razorpay-glyph.svg"
 

Я знаю, что это обходной путь, но опять же, если вы хотите передать это изображение динамически, этот файл не будет сохранен в вашем приложении, скорее его нужно будет динамически загружать с URL-адреса.

В случае, если вы хотите настроить фиксированный логотип, вы можете сделать то же самое, войдя в razorpay.com -> настройка ->> Конфигурации.

введите описание изображения здесь

Комментарии:

1. Я хочу использовать изображения только из папки «Ресурсы», так как я не хочу размещать изображение. Возможно ли это?

2. @PratikButani Я думаю, что это невозможно. Поскольку страница оформления заказа представляет собой веб-представление. И поэтому веб-представление не будет иметь доступа к вашим локальным файлам.

3. @PratikButani еще один обходной путь, который мы можем использовать здесь, — это прочитать изображение с пути, а затем кодировать изображение на основе 64 и передать