2015-09-03 2 views
1

Я пытаюсь создать всплывающее окно, содержащее справочную информацию. Нижеприведенный код отлично работает на iOS, но на Android эти метки не отображаются (кнопка закрытия).Всплывающий экран не работает на Android, но делает на iOS

Я надеюсь, что там легко исправить ;-)

Заранее спасибо!

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

} 

ответ

0

Оказалось, что Android использует белый цвет по умолчанию по умолчанию .... iOS использует черный цвет.

Так после того, как я изменил цвет шрифта он работал как на Android на прошивке:

вар someLabel = Ti.UI.createLabel ({ текста: 'Вот ваш модальный', топ: 40, цвет : '# 000' });

Смежные вопросы