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

时间:2017-02-16 08:08:29

标签: javascript typescript ionic-framework ionic2

我正在尝试使用主题浏览器插件打开链接。我设法让它工作,但我无法显示图标?我尝试更改十六进制值,但它没有帮助。以下是我的代码,

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);

  }

非常感谢任何帮助。

由于

1 个答案:

答案 0 :(得分:0)

您可能需要先导入图像原生。 该项目的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'
}