[TIMOB-23361] Android: TableViewRow hasCheck icon styling issues
| GitHub Issue | n/a |
|---|---|
| Type | Bug |
| Priority | n/a |
| Status | Open |
| Resolution | Unresolved |
| Affected Version/s | n/a |
| Fix Version/s | n/a |
| Components | n/a |
| Labels | n/a |
| Reporter | Be Rushton |
| Assignee | Unknown |
| Created | 2016-05-05T04:02:01.000+0000 |
| Updated | 2018-02-28T19:54:56.000+0000 |
Description
On a Nexus 5 (Android 6) when I use a TableViewRow with
hasCheck="true" or a ListItem with the accessoryType "Ti.UI.LIST_ACCESSORY_TYPE_CHECKMARK" the tick icon is not sharp and is touching the edge of the screen.
Can we fix this or have a way to override the drawable tick icon with our own assets.
This tick icon has been an ongoing issue with Titanium for the last 3 or 4 years at least and breaks everytime a higher density screen comes along so this might be a way to fix it for good this time.
Hello, Thanks for reporting. It will be appreciated if you share simple test code that reproduces this issue. We will confirm the issue as bug when we are able to reproduce it. Thanks in advance
sample code is pretty straight forward:
Google link for list design specs: https://www.google.com/design/spec/components/lists.html#lists-specs
Hello, I have tested this issue with Nexus7 , Nexus 5 and HtcOne android device. The issue seems to be reproducible. The check mark has right padding and much too small to notice. I am attaching screenshots here. [Nexus 5](https://i.imgsafe.org/53f3703.png) [Nexux 7](https://i.imgsafe.org/9641bfe.png) [HtcOne](https://i.imgsafe.org/c3e4a1c.png) *Code:*
var tableData = []; var win = Ti.UI.createWindow({ backgroundColor : 'white' }); var table = Ti.UI.createTableView({ objName : 'table' }); var row = Titanium.UI.createTableViewRow({ hasCheck: true }); var view = Titanium.UI.createView({ backgroundColor : 'red', width : 200, height : 200 }); row.add(view); tableData.push(row); table.setData(tableData); win.add(table); win.open();