[TIMOB-14843] iOS: backgroundGradient for TableViewRow in GROUPED TableView fills width of screen
GitHub Issue | n/a |
---|---|
Type | Bug |
Priority | Low |
Status | Open |
Resolution | Unresolved |
Affected Version/s | Release 3.0.0, Release 3.1.1, Release 3.2.0 |
Fix Version/s | n/a |
Components | iOS |
Labels | backgroundgradient, reprod, tableview, tableviewrow |
Reporter | Matej |
Assignee | Unknown |
Created | 2013-08-10T09:07:51.000+0000 |
Updated | 2018-02-28T20:03:33.000+0000 |
Description
*Problem*
On iOS, when using a gradient for the background of a TableViewRow for a GROUPED TableView, it fills the full width of the screen rather than being contained inside the rounded corners.
*Test case*
var win = Titanium.UI.createWindow();
var data = [{
title : 'Adrian',
backgroundColor : "yellow"
}, // backgroundColor does work
{
title : 'Andrew'
}, {
title : 'Barry'
}, {
title : 'Betty',
backgroundGradient : {// backgroundGradient doesn't work correctly
type : 'radial',
startPoint : {
x : 50,
y : 50
},
endPoint : {
x : 50,
y : 50
},
colors : ['red', 'blue'],
startRadius : '90%',
endRadius : 0,
backfillStart : true
}
}];
var tableView = Ti.UI.createTableView({
width : Ti.UI.FILL,
height : Ti.UI.FILL,
style : Ti.UI.iPhone.TableViewStyle.GROUPED,
data : data
});
win.add(tableView);
win.open();
Attachments
File | Date | Size |
---|---|---|
iOS Simulator Screen shot Aug 12, 2013 4.06.20 PM.png | 2013-08-12T23:06:23.000+0000 | 23466 |
Tested and confirmed on iOS 6 simulator with Ti SDK 3.0.0 GA, 3.1.1 GA and 3.2 CI.
I am able to reproduce this issue with the following environment; iPhone 7 (10.2) Studio 4.9.0.201705302345 Ti SDK 6.1.1.v20170609091155 Appc NPM 4.2.9 Appc CLI 6.2.1 Ti CLI 5.0.13 Alloy 1.9.11 Arrow 2.0.0 Xcode 8.2 (8C38) Node v4.8.2 Java 1.8.0_131