Titanium 创建表视图替换现有视图

我有一个梦想。。。不，不是这样。 我有一个视图，在添加createTableView之前，一切都正常。 当我这样做的时候，它会替换之前屏幕上显示的所有内容。 如何同时拥有mapview和tableview

var self = Ti.UI.createView();

var mapview = Titanium.Map.createView({
    top:1,
    height:200,
    mapType: Titanium.Map.STANDARD_TYPE,
    region:{latitude:33.74511, longitude:-84.38993, latitudeDelta:0.5, longitudeDelta:0.5},
    animate:true,
    regionFit:true,
    userLocation:true
});

self.add(mapview);

var lbl = Ti.UI.createLabel({
    text:'Please select an item',
    height:'auto',
    width:'auto',
    color:'#000'
});
self.add(lbl);

self.addEventListener('itemSelected', function(e) {
    lbl.text = e.name+': $'+e.price;
});

detailData = [{title:"Foo",leftImage:"bar.png",hasChild:true}];


var table = Ti.UI.createTableView({
    data:detailData
});
// if i dont rem the below line all i get on screen is the table view
self.add(table);

---

TableView控件通常占据整个屏幕，我会尝试将MapView添加到TableView的一行中：

编辑：

哦，更简单的方法是只设置表的高度，并使容器视图具有垂直布局：

// Create the container view
var self = Ti.UI.createView({
    layout : 'vertical'
});
// Add the mapview
var mapview = Titanium.Map.createView({
    height:200,
});
self.add(mapview);
// Add the table
var table = Ti.UI.createTableView({
    top : 0,
    data : detailData
});
self.add(table);

---

诅咒。。。有类似的东西可以使用吗？我可以添加某种html吗？尝试编辑，尽管表视图行方法在我看来效果很好

// Create the container view
var self = Ti.UI.createView({
    layout : 'vertical'
});
// Add the mapview
var mapview = Titanium.Map.createView({
    height:200,
});
self.add(mapview);
// Add the table
var table = Ti.UI.createTableView({
    top : 0,
    data : detailData
});
self.add(table);