Description
When using Ti.UI.FILL (or setting width to a suitable number), a TableViewRow will never fill the size of the TableView and there will be padding on either side of the TableViewRow.
Code has border to attempt to highlight where the TableViewRow ends, you will notice TIMOB-24855 in this test case too
I tried playing around with the [XAML ListView example](
https://github.com/Microsoft/Windows-universal-samples/tree/master/Samples/XamlListView) and that seems to always go to the edge so I don't think it's a platform limitation
var _window = Ti.UI.createWindow({ backgroundColor: 'green' });
var row = Titanium.UI.createTableViewRow({
width: Ti.UI.FILL,
height: 150,
backgroundColor: 'blue',
borderWidth: 4,
borderColor: 'pink'
});
var data = [row];
var table = Titanium.UI.createTableView({
width: Ti.UI.FILL,
data: data,
borderWidth: 4,
borderColor: 'blue',
width: 600
});
_window.add(table);
_window.open()
Steps to reproduce
Add above code to an existing app.js and build for Windows
Actual
TableViewRow has padding on left and right, not filling TableView
Expected
TableViewRow should size to fit the TableView (to edge of the blue border)
https://github.com/appcelerator/titanium_mobile_windows/pull/1120
6_3_X: https://github.com/appcelerator/titanium_mobile_windows/pull/1121
Verified fix in SDK version: 6.3.0.v20171017063048 and SDK version: 7.0.0.v20171017022901. Test and other information can be found at: 6_3_X: https://github.com/appcelerator/titanium_mobile_windows/pull/1121 Master: https://github.com/appcelerator/titanium_mobile_windows/pull/1120