用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)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。