티타늄 높이가 100 % 인 뷰를 iOS에서 작동하지 않습니다.

Question

티타늄에서 뷰를 100 % 높이로 추가하려고하면 디스플레이 문제가 발생합니다. Android에서는 올바르게 표시되지만 iOS에서는 올바르게 표시되지 않습니다. 아이 패드에

결과 : 안드로이드 (올바른)에

Ti.UI.setBackgroundColor('#000'); 

var win = Ti.UI.createWindow({ 
    title:'win', 
    backgroundColor:'#fff' 
}); 

var s = Ti.UI.createView({ 
    width:'100%', 
    height:'100%', 
    backgroundColor:'red', 
    layout: 'horizontal' 
}); 

var r = Ti.UI.createView({ 
    backgroundColor:'yellow', 
    width:300, 
    height:'100%' // problem 
}) 

s.add(r); 

win.add(s); 
win.open(); 

결과 : 여기에 단순화 된 코드는

그것은 않는 일 나는 유한 번호로 높이를 설정하지만, 경우 I 보기가 전체 높이를 포함하도록합니다. 이것을 어떻게 할 수 있으며 iOS에서 100 % 높이가 작동하지 않는 이유는 무엇입니까?

Answer 1

아마도 view에 view을 추가해야 할 것입니다. yellow view을 window에 추가하고 zIndex을 두보기에 모두 추가하면 제대로 작동합니다.

가 왼쪽 정렬 들어, 레이아웃 속성이 존재하지 않는 문서에 따라 같은 left: 0;하지 layout: 'horizontal'을 사용해야합니다 http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.Window-object

var s = Ti.UI.createView({ 
    width:'100%', 
    height:'100%', 
    backgroundColor:'red', 
    zIndex: 1 
}); 

var r = Ti.UI.createView({ 
    backgroundColor:'yellow', 
    width:300, 
    height:'100%', // no problem 
    zIndex: 2, 
    left: 0 
}); 

win.add(r);