Javascript 离子2主题浏览器图标不显示
我正在尝试使用可移动浏览器插件打开链接。我设法使它工作,但我不能得到图标显示?我试着改变十六进制值,但没用。下面是我的代码Javascript 离子2主题浏览器图标不显示,javascript,typescript,ionic-framework,ionic2,Javascript,Typescript,Ionic Framework,Ionic2,我正在尝试使用可移动浏览器插件打开链接。我设法使它工作,但我不能得到图标显示?我试着改变十六进制值,但没用。下面是我的代码 navigate() { let options = { statusbar: { color: '#ffffff' }, toolbar: { height: 44, color: '#2e6abf' }, title: { color: '#ffffff', showPageTitle: true }, b
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);
}
任何帮助都将不胜感激
谢谢您可能需要先以本机方式导入图像。 该项目的报告提到: 需要注意的一点是,所有图像资源都引用本机资源包。所以,所有图像都需要首先导入到本机项目中。对于Android,图像名称将在R.drawable下查找。例如,如果图像名称为hello_world,则将引用R.drawable.hello_world 或者,它们提供了使用
wwimage
参数而不是image
参数的可能性(然后将图像放入www/assets/
文件夹)
我也有一些问题在离子2 ThemealBroswer。你能帮我解决这么大的问题吗?如果我们在工具栏中的所有按钮都使用图像,而我们想要ionicons提供的本地按钮,我们该如何做呢?因为现在,如果backButton的图像是image:“back”,则不会显示任何我理解的内容,我不理解的是如何将这些本机图标添加到适用于所有平台的项目文件中。有什么帮助吗?@NoahTanenholtz我不确定有没有直接的方法。ionic图标是ionic的“本机”图标,但是如果使用
themeablebrowser
,您仍然需要以某种方式将它们链接起来(使用上述方法或将它们添加到Xcode)。实现所需功能的一种方法是将要使用的图标文件(您可以在此处找到它们:)添加到项目的“图像”文件夹中,并按此处描述的方式链接它们。我也尝试使用wwwImage,它可以工作,但工具栏上的图标放大了很多。图标是“closeButton”的x,但显示的图标放大到中心。我试着改变密度,但没用。我应该在照片编辑器中手动更改像素大小还是做其他事情?
backButton: {
wwwImage: 'images/back.png',
wwwImagePressed: 'images/back_pressed.png',
wwwImageDensity: 2,
align: 'left',
event: 'backPressed'
}