React Native - Enable scrolling only when content is larger than screen

Screen.js

const DEVICE_HEIGHT = Dimensions.get("window").height;

const Screen = () => {
  const [screenHeight, setScreenHeight] = useState(0);

  function onContentSizeChange(contentWidth, contentHeight) {
    setScreenHeight(contentHeight);
  }

  const scrollEnabled = screenHeight > DEVICE_HEIGHT;

  return (
    <ScrollView
      scrollEnabled={scrollEnabled}
      onContentSizeChange={onContentSizeChange}
    >
      {/* content */}
    </ScrollView>
  );
};