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

最新推荐文章于 2024-09-13 18:28:14 发布

daydreamdayday

最新推荐文章于 2024-09-13 18:28:14 发布

阅读量184

点赞数 2

本文链接：https://blog.csdn.net/weixin_42172723/article/details/128852729

版权

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