react-native-floating-label-input 更改图像

如何解决react-native-floating-label-input 更改图像

当用户开始输入字段时，我尝试使用 react-native-floating-label-input 更改图像。下面是代码： 我对为什么不调用 closeCross 感到困惑。我得到的错误是 setCloseCross is not a function

 const FloatingLabelInputField = (props) => {
  let t = "";
  const [userInput,setUserInput] = useState("");
  const [setCloseCross] = useState(closeCross);
  const closeCross = <Image source={require("./assets/Close.png")} />;
  return (
    <View style={{ width: 331 }}>
      <FloatingLabelInput
        {...props}
        value={userInput}
        label={props.placeholder}
        onChangeText={(val) => {
          setUserInput(val);
          props.onChangeText(val)
        }}
        leftComponent={
          <TouchableOpacity
            style={{ alignContent: "center",justifyContent: "center" }}
            onPress={() => {
              setUserInput("");
            }}
          />
        }
        rightComponent={
            <TouchableOpacity onPress={(cross) => {
              setCloseCross(cross)
              props.onPress(closeCross);
            }}>
            <Image
              style={{ alignContent: "flex-end",justifyContent: "flex-end" }}
              source={require("./assets/editpen.png")}
            />
            </TouchableOpacity>
        }