Отображение svg в пределах оповещения ioni c - PullRequest
Новая
       9

Отображение svg в пределах оповещения ioni c

0 голосов
/ 22 апреля 2020

Я пытаюсь создать пользовательские ioni c оповещения , которые включают <svg> в параметре сообщения, поскольку Ioni c утверждает, что message:

Основное сообщение для отображения в предупреждении. message может принимать либо открытый текст, либо HTML в виде строки. Для отображения символов, обычно зарезервированных для HTML, их необходимо экранировать. Например, <Ionic> станет &lt;Ionic&gt;

Однако, когда я пытаюсь сделать следующее, изображение не отображается: 

const alert = await this.alertController.create({
  header: params.title,
  message: `
    <svg width="27px" height="82px" viewBox="0 0 27 82" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <title>np_exclamation-mark_920809_FDFF25</title>
      <desc>Created with Sketch.</desc>
      <defs></defs>
      <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
          <g id="iPad-Portrait" transform="translate(-371.000000, -1116.000000)" fill-rule="nonzero" fill="#FDFF25">
              <g id="np_exclamation-mark_920809_FDFF25" transform="translate(371.000000, 1116.000000)">
                  <path d="M16.648,63.301 C16.0262694,63.0291894 15.3701293,62.8441243 14.698,62.751 C14.1380094,62.6473705 13.5694896,62.5968131 13,62.6 C12.433,62.6 11.882,62.648 11.351,62.75 C10.677918,62.8431906 10.0207959,63.028248 9.398,63.3 C8.332,63.698 7.367,64.35 6.5,65.25 C4.699,67.081 3.8,69.284 3.8,71.85 C3.8,74.417 4.699,76.6 6.5,78.398 C8.3,80.198 10.465,81.101 13,81.101 C15.566,81.101 17.75,80.198 19.55,78.398 C21.351,76.601 22.25,74.418 22.25,71.851 C22.25,69.284 21.351,67.081 19.55,65.249 C18.683,64.351 17.715,63.699 16.648,63.3 L16.648,63.301 Z M25.898,13.148 C26.933,4.418 22.633,0.082 13,0.148 C3.399,0.183 -0.852,4.448 0.25,12.949 L6.852,58.351 L19.3,58.351 L25.898,13.148 Z" id="Shape"></path>
              </g>
          </g>
      </g>
    </svg>`,
  buttons: customButtons
});
alert.present();

Вот как это выглядит:

enter image description here

Когда я добавил экранированную версию svg, она загружалась как текст, а не как изображение!

enter image description here

1 Ответ

0 голосов
/ 22 апреля 2020

Я не думаю, что Ioni c оповещения поддерживают изображения. Возможно, вам придется использовать модальные или поповер для отображения медиа. Или, может быть, измените фон с помощью css для предупреждения и отрегулируйте размер и расположение - это может стать грязным. Из того, что я знаю, оповещения не предназначены для хранения изображений; Вы можете попробовать запросить их на их Git, возможно, они найдут обходной путь.

...