码迷,mamicode.com
首页 > 其他好文 > 详细

ScrollView child layout (["alignItems"]) 错误

时间:2019-03-31 12:19:17      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:items   一个   alt   number   oss   back   ntc   ado   com   

用React Native里的ScrollView组件,给ScrollView直接加了justifyContent或alignitems属性后会报错。

<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>

报错(ScrollView child layout ([“alignitems”, “justifyContent”]) must be applied through the contentContainerStyle prop)如下:
技术图片

(似乎是reactnative版本升级后的问题)问题原因是scrollView和flatlist之类的组件不支持直接添加这两个属性,解决方法是给组件添加contentContainerStyle属性,这些样式会应用到一个内层的内容容器上,所有的子视图都会包裹在内容容器内,在这个属性后面指定对应的样式即可:

<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>

ScrollView child layout (["alignItems"]) 错误

标签:items   一个   alt   number   oss   back   ntc   ado   com   

原文地址:https://blog.51cto.com/13238147/2371910

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!