2017-02-16 102 views
0

我想打開鏈接使用有代表性的瀏覽器插件。我設法使它工作,但我無法顯示圖標?我試圖更改十六進制值,但它沒有幫助。以下是我的代碼,離子2 themeablebrowser圖標不顯示

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

    } 

任何幫助將不勝感激。

感謝

+0

我也在離子2 themeablebroswer一些問題。你能幫我嗎?http://stackoverflow.com/questions/43887323/ionic-2-themeable-browser-error –

回答

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' 
}