React Native ScrollView在发布后抢回回顶部

我在其他应用程序中使用了ScrollView,只添加了样式= {styles.container}的样式.然而,在这个应用程序中,我在我的样式中创建我有alignItems：’flex-start’,它只使用style = {styles.container}抛出一个错误,而你需要传入alignItems：’flex-start’通过contentContainerStyle = { styles.container}.

错误：不变违规：ScrollView子布局([“alignItems”])必须通过contentContainerStyle prop应用.

但是当我在视图中向下滚动时添加contentContainerStyle时,一旦手指从手机上抬起(或在模拟器中释放鼠标),滚动会自动返回到顶部.如果我只使用style = {styles.container}并取出alignItems：’flex-start’它会正确滚动,但UI中的项目并没有按照我需要的方式进行布局.是什么导致它使用contentContainerStyle滚动回顶部并且有修复？

渲染：

var _that = this;
var iconsToShow = icons.map(function (icon,i){
  if(i < 81){
    return (
      <TouchableHighlight
        onPress={() => _that.changeIcon(indexToChange,icon)}
        underlayColor='#F7F7F7'
        key={i}>
          <Text style={styles.iconText}><IonIcons name={icon} size={30} color="#555" /></Text>
      </TouchableHighlight>
    );
  }
});

return (
  <Carousel width={SCREEN_WIDTH} animate={false} indicatorColor="#444" inactiveIndicatorColor="#999" indicatorAtBottom={false} indicatorOffset={16}>
    <View>
      <ScrollView contentContainerStyle={styles.container}>{iconsToShow}</ScrollView>
    </View>

    <View>
      //next page for carousel
    </View>

  </Carousel>
);

<ScrollView style={styles.container}>
    <Text style={styles.goalName}>{goal}</Text>
    <View style={styles.viewContainer}>
        {iconsToShow}
    </View>
</ScrollView>

var styles = StyleSheet.create({
    container: {
        backgroundColor: 'transparent',paddingLeft:20,paddingRight:20
    },viewContainer:{
        flexDirection:'row',flexWrap: 'wrap',alignItems: 'flex-start',flex: 1
    },iconText:{
        paddingLeft:15,paddingRight:15,paddingTop:15,paddingBottom:15
    },goalName:{
        textAlign:'center',marginTop:40,marginBottom:10,fontSize:20
    }
});