「React Native筆記」 踩坑contentContainerStyle屬性

「React Native筆記」 踩坑contentContainerStyle屬性

資源介紹參數
資源類別: JavaScript
如遇問題: 聯繫客服/留言反饋
釋放雙眼,帶上耳機,聽聽看~!
用React Native里的ScrollView元件,給ScrollView直接加了justifyContent或alignitems屬性後會報錯。問題原因是scrollView和flatlist之類的元件不支持直接添加這兩個屬性,解決方法是給元件添加contentContainerStyle屬性

contentContainerStyle0

React Native里的ScrollView元件,給ScrollView直接加了justifyContentalignitems屬性後會報錯。

contentContainerStyle1

報錯信息:

ScrollView child layout ([“alignitems”, “justifyContent”]) must be applied through the contentContainerStyle prop

問題原因是scrollView和flatlist之類的元件不支持直接添加這兩個屬性,解決方法是給元件添加contentContainerStyle屬性,這些樣式會應用到一個內層的內容容器上,所有的子視圖都會包裹在內容容器內,在這個屬性後面指定對應的樣式即可:

contentContainerStyle2

contentContainerStyle3

聲明:本文為原創作品,版權歸作者所有。未經許可,不得轉載或用於任何商業用途。如若本站內容侵犯了原著者的合法權益,可聯繫我們進行處理。

給TA打賞
共{{data.count}}人
人已打賞
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧