ios - 在垂直布局中将工具栏停靠在底部

Question

我有一个布局的视图vertical

var tray = Ti.UI.createView({
    width:deviceWidth * 0.9,
    height:'100%',
    top:0,
    left:0,
    backgroundColor:'transparent',
    layout:'vertical'
});
win.add(tray);

里面tray我有一个TableView和一个Toolbar

var slideList = Ti.UI.createTableView({
    width:deviceWidth * 0.9,
    height:xxx, //--> Need to know what to do here
    top:0,
    left:0,
    search:searchList,
    filterAttribute:'searchFilter',
    backgroundColor:(Ti.Platform.osname == 'android') ? '#000000' : '#ffffff'
});
tray.add(slideList);

var iOSControls = Ti.UI.iOS.createToolbar({
    items:[flexSpace,backBtn,flexSpace,playBtn,flexSpace,linkBtn,flexSpace],
    bottom:0,
    borderTop:false,
    borderBottom:true,
    barColor:'#000'
});
tray.add(iOSControls);

我不完全确定如何调整TableViewsheight属性的大小，使其填充高度tray减去iOSControls. 任何想法将不胜感激..谢谢

Answer 1

我认为在 iOS 设备中，工具栏默认高度等于“44px”。

但是，在您的情况下，您尝试使用此代码，只需在您的应用程序中复制此代码即可。

var tray = Ti.UI.createView({
    width:deviceWidth * 0.9,
    height:'100%',
    top:0,
    left:0,
    backgroundColor:'transparent',
    layout:'horizontal'
});
win.add(tray);

var iOSControls = Ti.UI.iOS.createToolbar({
    items:[flexSpace,backBtn,flexSpace,playBtn,flexSpace,linkBtn,flexSpace],
    bottom:0,
    borderTop:false,
    borderBottom:true,
    barColor:'#000'
});
tray.add(iOSControls);
var slideList = Ti.UI.createTableView({
    width:deviceWidth * 0.9,
    height:Ti.UI.FILL, //--> Need to know what to do here
    top:0,
    left:0,
    search:searchList,
    filterAttribute:'searchFilter',
    backgroundColor:(Ti.Platform.osname == 'android') ? '#000000' : '#ffffff'
});
tray.add(slideList);