ScrollView child layout ([alignItems]) 错误
用React Native里的ScrollView組件,給ScrollView直接加了justifyContent或alignitems屬性后會(huì)報(bào)錯(cuò)。
<ScrollView style={{alignItems:'center'}}>
<FlatList
data={this.state.sellData}
renderItem={({item})=><SellItem ordernum={item.orderNumber} time={item.time} memberid={item.memberId}
number={item.number} price={item.price} total_amount={item.total_amount}
sellCallBack={
()=>{
this.sellDba(item.orderId)
}
}
/>}
/>
</ScrollView>
報(bào)錯(cuò)(ScrollView child layout ([“alignitems”, “justifyContent”]) must be applied through the contentContainerStyle prop)如下:
(似乎是reactnative版本升級后的問題)問題原因是scrollView和flatlist之類的組件不支持直接添加這兩個(gè)屬性,解決方法是給組件添加contentContainerStyle屬性,這些樣式會(huì)應(yīng)用到一個(gè)內(nèi)層的內(nèi)容容器上,所有的子視圖都會(huì)包裹在內(nèi)容容器內(nèi),在這個(gè)屬性后面指定對應(yīng)的樣式即可:
<ScrollView contentContainerStyle={{alignItems:'center'}}>
<FlatList
data={this.state.sellData}
renderItem={({item})=><SellItem ordernum={item.orderNumber} time={item.time} memberid={item.memberId}
number={item.number} price={item.price} total_amount={item.total_amount}
sellCallBack={
()=>{
this.sellDba(item.orderId)
}
}
/>}
/>
</ScrollView>
轉(zhuǎn)載于:https://blog.51cto.com/13238147/2371910
總結(jié)
以上是生活随笔為你收集整理的ScrollView child layout ([alignItems]) 错误的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Ubuntu16.04安装opencv-
- 下一篇: numpy meshgrid 和 mgr