Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-19863] iOS9: ListView not filling screen width

GitHub Issuen/a
TypeBug
PriorityCritical
StatusClosed
ResolutionDuplicate
Resolution Date2015-11-04T18:52:14.000+0000
Affected Version/sn/a
Fix Version/sRelease 5.1.0, Release 5.2.0
ComponentsiOS
LabelsAlloy, ListView, TableView
ReporterMartin N
AssigneeChee Kiat Ng
Created2015-09-21T11:59:20.000+0000
Updated2015-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

FileDateSize
Screenshot1.png2015-09-21T11:55:35.000+0000113536

Comments

  1. Martin N 2015-10-07

    Still occurs in SDK 5.0.2. Anything happening on this? or any workaround?
  2. Keith Tucci 2015-10-07

    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.
  3. Martin N 2015-11-02

    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
  4. Hans Knöchel 2015-11-04

    The issue is a duplicate of TIMOB-19777 and is fixed for 5.1.0 and later.
  5. Harry Bryant 2015-11-06

JSON Source