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

您可能需要先导入图像原生。该项目的README提及：

需要注意的一点是，所有图片资源都引用本机资源包。因此，首先需要将所有图像导入本机项目。对于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'
}

离子2主题浏览器图标未显示

1 个答案: