问题描述
当用户开始输入字段时,我尝试使用 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>
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)