2017-02-16 15 views
0

Ich versuche, Links mit themeable Browser-Plugin zu öffnen. Ich habe es geschafft, aber ich konnte die Symbole nicht sehen? Ich habe versucht, hex Werte zu ändern, aber es hat nicht geholfen. Unten ist mein Code,ionic 2 themablablebrowser Symbole werden nicht angezeigt

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

    } 

Jede Hilfe würde sehr geschätzt werden.

Dank

+0

Ich habe auch ein Problem in ionic 2 themeablebroswer. Können Sie mir helfen http://stackoverflow.com/questions/43887323/ionic-2-themeable-browser-error –

Antwort

0

Sie müssen wahrscheinlich die Bilder nativ zunächst importieren. Die README für das Projekt erwähnt:

Eine Sache zu beachten ist, dass alle Bildressourcen Bezug auf nativen Ressourcenbündel. Daher müssen alle Bilder zuerst in das native Projekt importiert werden. Im Fall von Android wird der Bildname unter R.drawable nachgeschlagen. z.B. Wenn der Bildname hello_world lautet, wird auf R.drawable.hello_world verwiesen.

Alternativ bieten sie die Möglichkeit, den wwwImage Parameter anstelle des image man zu verwenden (dann Ihre Bilder in www/assets/ Ordner einfach fallen).

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