iOS에서 ListView에 GROUPED 스타일을 적용했을 때 상단(header) 공간 제거 하는 방법

codejong · 3월 17, 2016, 7:45오전

상황에 따라 iOS에서도 section의 header가 상단에 고정되지 않고 함께 스크롤 되기를 원할 때가 있습니다.
이럴 때 쉽게 할 수 있는 방법이 style을 Ti.UI.iPhone.ListViewStyle.GROUPED로 지정하는 방법입니다.

하지만 이렇게 할 경우 GROUPED로 인해 listView의 상단에 원하지 않은 빈 공간이 잡히게 됩니다. 이는 실제로는 listview의 headerView에 해당합니다.(sectiond의 headerView 아님)

따라서 listView의 headerView에 높이 1짜리 headerView를 지정해주면 됩니다. (0으로 지정하면 먹히지 않습니다.)

<ListView class="myListView">
	<HeaderView platform="ios">
		<View height="1" backgroundColor="transparent"></View>
	</HeaderView>
</ListView>

".myListView[platform=ios]": {
  style: Ti.UI.iPhone.ListViewStyle.GROUPED,
}