在 Titanium 中添加 100% 高度的视图在 iOS 上不起作用

Question

当我尝试在 Titanium 中添加 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();

Android 上的结果（正确）：

iPad 上的结果：

如果我将高度设置为有限数字，它确实可以工作，但我希望视图覆盖整个高度。我怎样才能做到这一点，为什么 100% 高度在 iOS 上不起作用？

Answer 1

它可能与将视图添加到视图有关。如果将黄色视图添加到窗口，并为两个视图指定zIndex，则它可以正常工作。

为了向左对齐，您应该使用 left: 0;，而不是 layout: 'horizo​​ntal'，因为根据文档，布局属性不存在：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);