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

发布时间：2020-10-07 10:03:51 阅读：1193 作者：daydaydream 栏目：web开发

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

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

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

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

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签