离子2线布式图标未显示

Question

我正在尝试使用可主题的浏览器插件打开链接。我设法使它起作用，但无法显示图标？我尝试更改十六进制值，但这无济于事。以下是我的代码

navigate() {
let options = {
 statusbar: {
     color: '#ffffff'
 },
 toolbar: {
     height: 44,
     color: '#2e6abf'
 },
 title: {
     color: '#ffffff',
     showPageTitle: true
 },
 backButton: {
     image: 'back',
     imagePressed: 'back_pressed',
     align: 'left',
     event: 'backPressed'
 },
 forwardButton: {
     image: 'forward',
     imagePressed: 'forward_pressed',
     align: 'left',
     event: 'forwardPressed'
 },
 closeButton: {
     image: 'close',
     imagePressed: 'close_pressed',
     align: 'left',
     event: 'closePressed'
 },
 customButtons: [
     {
         image: 'share',
         imagePressed: 'share_pressed',
         align: 'right',
         event: 'sharePressed'
     }
 ],
 menu: {
     image: 'menu',
     imagePressed: 'menu_pressed',
     title: 'Test',
     cancel: 'Cancel',
     align: 'right',
     items: [
         {
             event: 'helloPressed',
             label: 'Hello World!'
         },
         {
             event: 'testPressed',
             label: 'Test!'
         }
     ]
 },
 backButtonCanClose: true
};
let browser = new ThemeableBrowser('http://sparklms.com', '_blank', options);
  }

任何帮助将不胜感激。

谢谢

Answer 1

首先您可能需要导入图像本性。该项目提到的读书文件：

要注意的一件事是，所有图像资源都引用了本机资源捆绑包。因此，所有图像都需要首先导入本机项目。如果是Android，则图像名称将在R.Drawable下查找。例如。如果图像名称是Hello_world，则将引用R.Drawable.hello_world。

另外，它们提供了使用wwwImage参数而不是image一个（然后只是将图像放在www/assets/文件夹中）。

backButton: {
    wwwImage: 'images/back.png',
    wwwImagePressed: 'images/back_pressed.png',
    wwwImageDensity: 2,
    align: 'left',
    event: 'backPressed'
}