弹出屏幕不适用于Android,但适用于iOS

时间:2015-09-03 06:32:43

标签: javascript android appcelerator

我正在尝试创建一个包含帮助信息的弹出窗口。以下代码在iOS上运行良好,但在Android上不显示标签(关闭按钮是)。

我希望有一个简单的解决办法; - )

提前致谢!

function helpPopup() {


var myModal = Ti.UI.createWindow({
    backgroundColor : 'transparent',
    navBarHidden:true
});



var wrapperView    = Ti.UI.createView(); // Full screen
var backgroundView = Ti.UI.createView({  // Also full screen
    backgroundColor : '#000',
    opacity         : 0.5
});
backgroundView.addEventListener('click', function () {
    myModal.close();
});
var containerView  = Ti.UI.createView({  // Set height appropriately
    height          : 300,
    backgroundColor : '#FFF'
});
var someLabel      = Ti.UI.createLabel({
    text    : 'Here is your modal',
    top     : 40
});

var contactName = Ti.UI.createLabel({
    text    :'Name',
    top     :60
});

var closeButton    = Ti.UI.createButton({
    title  : 'Close',
    bottom : 40
});
closeButton.addEventListener('click', function () {
    myModal.close();
});


containerView.add(someLabel);
containerView.add(contactName);
containerView.add(closeButton);

wrapperView.add(backgroundView);
wrapperView.add(containerView);


myModal.add(wrapperView);

myModal.open({
    animate : true
});

}

1 个答案:

答案 0 :(得分:0)

事实证明,Android使用白色作为默认标签颜色.... iOS使用黑色。

所以在我更改了它在iOS上的Android上的字体颜色之后:

var someLabel = Ti.UI.createLabel({ 文字:'这是你的模态', 上:40, 颜色:'#000' });