Problem
When a Map View is added to a vertical-layout window after other controls, the map view extends past the bottom of the screen.
Testcase
Add the following code to a new project and run it. You will see that the bottom of the map, where the word "Google" is, is too low and the "Google" is cut in half.
app.js:
var win1 = Ti.UI.createWindow({
backgroundColor:'#fff',
exitOnClose:true,
navBarHidden:true,
layout:'vertical'
});
var label1 = Ti.UI.createLabel({
color:'#999',
text:'I am Window Header',
font:{fontSize:20,fontFamily:'Helvetica Neue'},
textAlign:'center',
width:Ti.UI.SIZE,
top:1
});
win1.add(label1);
var map1=Ti.Map.createView({
mapType:Ti.Map.STANDARD_TYPE,
animate:true,
regionFit:true,
userLocation:true
});
win1.add(map1);
win1.open();
HD ticket: [http://support.appcelerator.com/tickets/APP-222456/]
Layout issue assigning to core
This behavior has been fixed since 2.0.2.GA build. Please try again with the latest version of the sdk.
Verified fix on SDK 2.1.0.v20120520110234. Thanks!
Closing issue Tested with Ti Studio build 2.1.0.201206172244 Ti Mobile SDK2.1.0.v20120618134156 hash r00905cd0 OSX Lion 10.7.3 Nexus S OS 4.0.4 The expected behavior is shown
Re-opening to edit label