1. 程式人生 > >React-native listview換行

React-native listview換行

先看看ListView的程式碼,其佈局style為list:
這裡寫圖片描述
佈局list才是關鍵:
圖2
在list中設定整個ListView的 的寬度為螢幕的寬度(通過Dimendions.get方法來獲取),ListView的 contentContainerStyle 裡設定的是Item的顯示方式,通過flexDirection來設定Item以列(row)的方式渲染出來,然後設定其width屬性為跟螢幕一樣寬,這樣渲染時,每次超過螢幕就會換行