用React Native裏的ScrollView組件,給ScrollView直接加了justifyContent或alignitems屬性後會報錯。react
<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>app
報錯(ScrollView child layout ([「alignitems」, 「justifyContent」]) must be applied through the contentContainerStyle prop)以下:
ide
(彷佛是reactnative版本升級後的問題)問題緣由是scrollView和flatlist之類的組件不支持直接添加這兩個屬性,解決方法是給組件添加contentContainerStyle屬性,這些樣式會應用到一個內層的內容容器上,全部的子視圖都會包裹在內容容器內,在這個屬性後面指定對應的樣式便可:this
<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>blog