[TIMOB-19863] iOS9: ListView not filling screen width
GitHub Issue | n/a |
---|---|
Type | Bug |
Priority | Critical |
Status | Closed |
Resolution | Duplicate |
Resolution Date | 2015-11-04T18:52:14.000+0000 |
Affected Version/s | n/a |
Fix Version/s | Release 5.1.0, Release 5.2.0 |
Components | iOS |
Labels | Alloy, ListView, TableView |
Reporter | Martin N |
Assignee | Chee Kiat Ng |
Created | 2015-09-21T11:59:20.000+0000 |
Updated | 2015-11-06T17:51:16.000+0000 |
Description
ListView not filling screen width. Occured after updating to the new XCode version
iPad - Landscape
!Screenshot1.png|thumbnail!
Looks like there is some sort of inset being applied?
Test
index.xml
<Alloy>
<Window backgroundColor="white">
<ListView id="listView" defaultItemTemplate="template">
<Templates>
<ItemTemplate name="template">
<ImageView bindId="pic" id="icon" />
<Label bindId="info" id="title" />
<Label bindId="es_info" id="subtitle" />
</ItemTemplate>
</Templates>
<ListSection headerTitle="Fruit / Frutas">
<ListItem info:text="Apple" es_info:text="Manzana" pic:image="/apple.png" />
<ListItem info:text="Banana" es_info:text="Banana" pic:image="/banana.png" />
</ListSection>
<ListSection headerTitle="Vegetables / Verduras">
<ListItem info:text="Carrot" es_info:text="Zanahoria" pic:image="/carrot.png" />
<ListItem info:text="Potato" es_info:text="Patata" pic:image="/potato.png" />
</ListSection>
<ListSection headerTitle="Grains / Granos">
<ListItem info:text="Corn" es_info:text="Maiz" pic:image="/corn.png" />
<ListItem info:text="Rice" es_info:text="Arroz" pic:image="/rice.png" />
</ListSection>
</ListView>
</Window>
</Alloy>
index.tss
"#listView":{
style: Ti.UI.iPhone.ListViewStyle.GROUPED
}
"#icon" : {
width: '50dp', height: '50dp', left: 0
},
"#title" : {
color: 'black',
font: { fontFamily:'Arial', fontSize: '20dp', fontWeight:'bold' },
left: '60dp', top: 0
},
"#subtitle" : {
color: 'gray',
font: { fontFamily:'Arial', fontSize: '14dp' },
left: '60dp', top: '25dp'
}
Attachments
File | Date | Size |
---|---|---|
Screenshot1.png | 2015-09-21T11:55:35.000+0000 | 113536 |
Still occurs in SDK 5.0.2. Anything happening on this? or any workaround?
I would have thought this would have received more attention. For me it effects almost all of our 20+ applications and the only workaround for us was to turn off row separators and create a 1px line in each row controller for the time being. I really hope Appcelerator can address this soon, especially that we're and others are paying enterprise customers.
a workaround could be to set cellLayoutMarginsFollowReadableWidth on the UITableView to false :/ maybe expose this property on tableview in titanium? I believe it's something that was introduced with iOS 9
The issue is a duplicate of TIMOB-19777 and is fixed for 5.1.0 and later.