滚动视图孩子布局([" alignItems "])错误

  

用本机里反应的滚动视图组件,给ScrollView直接加了justifyContent或alignitems属性后会报错。

  
  

& lt;滚动视图风格={{alignItems:‘中心’}}在
& lt; FlatList
data=https://www.yisu.com/zixun/{this.state.sellData}
renderItem={({项})=祝辞& lt; SellItem ordernum={项目。时间orderNumber}={项目。时间}memberid={item.memberId}
数量={项目。数}={物品价格。价格}total_amount={item.total_amount}
sellCallBack={
()=祝辞{
this.sellDba (item.orderId)
}
}
/祝辞}
/祝辞
& lt;/ScrollView>

     

报错(ScrollView孩子布局([“alignitems”、“justifyContent”])必须应用通过contentContainerStyle道具)如下:
 ScrollView孩子布局([

  

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

  
  

& lt; ScrollView contentContainerStyle={{alignItems:‘中心’}}在
& lt; FlatList
data=https://www.yisu.com/zixun/{this.state.sellData}
renderItem={({项})=祝辞& lt; SellItem ordernum={项目。时间orderNumber}={项目。时间}memberid={item.memberId}
数量={项目。数}={物品价格。价格}total_amount={item.total_amount}
sellCallBack={
()=祝辞{
this.sellDba (item.orderId)
}
}
/祝辞}
/祝辞
& lt;/ScrollView>

  

滚动视图孩子布局([" alignItems "])错误