如何在React Native中使ScrollView组件的大小与屏幕大小成一定比例？

import React from 'react';
import { ScrollView, StyleSheet, Dimensions } from 'react-native';

const screenHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
  scrollView: {
    flex: 1,
  },
});

const MyScrollView = () => {
  return (
    <ScrollView style={styles.scrollView}>
      {/* ScrollView的内容 */}
    </ScrollView>
  );
};

export default MyScrollView;

import React from 'react';
import { ScrollView, StyleSheet, Dimensions } from 'react-native';

const screenHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
  scrollView: {
    flex: 1,
  },
  contentContainer: {
    height: screenHeight * 0.8, // 设置为屏幕高度的80%
  },
});

const MyScrollView = () => {
  return (
    <ScrollView style={styles.scrollView} contentContainerStyle={styles.contentContainer}>
      {/* ScrollView的内容 */}
    </ScrollView>
  );
};

export default MyScrollView;