ScrollView 不适用于本机反应

scrollView 在 react-native 中不起作用。它开始自动工作一次，但在我遇到同样的问题之前，然后在内容发生一些更改后再次停止工作vertical。但是当我设置Horozontal={true} 它时它没有工作一次。如果只有text在它工作scrollView但如果我添加view它停止工作。是否有任何永久解决方案或替代方案？

     <ScrollView contentContainerStyle={styles.ScrollView}>
      <View style={styles.card}>
         <Text>asdas asdhs</Text>
        </View>
        <View style={styles.card}>
          <Text>asdas asdhs</Text>
        </View>
        <View style={styles.card}>
          <Text>asdas asdhs</Text>
        </View>
        <View style={styles.card}>
          <Text>asdas asdhs</Text>
        </View>
      </ScrollView>
      {/* </View> */}
    </>
  );
};

const styles = StyleSheet.create({
  card: {
    // flex: 1,
    width: 150,
    height: 200,
    marginHorizontal: 16,
    marginVertical: '10%',
    backgroundColor: 'grey',
    borderRadius: 25,
    opacity: 0.9,
    top: -15,
  },
  ScrollView: {
    // justifyContent: 'space-between',
    alignContent: 'space-between',
    alignItems: 'center',
    backgroundColor: 'pink',
    flex: 1,
  },
});