React Native中react-native-signature-canvas签名区域不显示问题求助

我在React Native中尝试实现签名输入功能，安装react-native-signature-canvas库后，签名区域始终无法显示。即便使用官方文档中的示例代码，签名区域仍然不出现，具体代码如下：

import React, { useRef } from 'react';
import { Text } from 'react-native';
import SignatureScreen from 'react-native-signature-canvas';

export default function Signature({
  onChange,
  value,
  placeholder,
  text,
  onOK,
}) {
  const ref = useRef();

  const handleOK = (signature) => {
    console.log(signature);
    onOK(signature);
  };

  const handleEmpty = () => {
    console.log('Empty');
  };

  const handleClear = () => {
    console.log('clear success!');
  };
  const handleEnd = () => {
    ref.current.readSignature();
  };
  const handleData = (data) => {
    console.log(data);
  };

  return (
    <>
      <Text>test</Text>
      <SignatureScreen
        ref={ref}
        onEnd={handleEnd}
        onOK={handleOK}
        onEmpty={handleEmpty}
        onClear={handleClear}
        onGetData={handleData}
        autoClear={true}
        descriptionText={text}
      />
      <Text>test</Text>
    </>
  );
}

签名区域未显示的截图：

内容的提问来源于stack exchange，提问作者med hedi ben salah