Steps To Reproduce:
var window = Ti.UI.createWindow({
backgroundColor: 'white'
});
var lineContainer = Ti.UI.createView({
width: '100%', //set width to difference values, for example: 50%, 99%
height: 20,
backgroundColor:'red'
});
var line = Ti.UI.createImageView({
image: '/images/linia_poziom.png',
width: '100%'
});
lineContainer.add(line);
window.add(lineContainer);
window.open();
Actual Results
If containingView width is set to other value than '100% percent then child ImageView adds space on left and right. Can be seen in attachments. Name corresponds to width value.
I couldn't reproduce this error with '
http://www.appcelerator.com.s3.amazonaws.com/enterprisesurvey/images/appcelerator-logo.png', so I am sending my file (linia_poziom.png) for xxhdpi resource file to help to track this bug.
Hello, I tried to test your code. I used your linia_poziom.png as line image. Here is the observation I got. I tested with SDK 5.2.0.GA. 1. When lineContainer width is 100%, line image looks to be getting stretched and takes the full width. 2. When lineContainer width is 50%, line image looks to be thinner and leaves spaces on left and right. 3. When lineContainer width is 40%, line image takes the full width. 4. When lineContainer width is 30%, line image is not visible. Thanks.
Hello, This issue not only depends on the width property set by user, but also on width of the device. On some device (1920x1080 it may look ok, but on 480x320 it may take just half of the device screen). Thanks.