在 onPressIn 和 onPressOut TextInput 反应本机后更改状态

发布于 2025-01-10 17:45:32 字数 510 浏览 0 评论 0原文

我想在关注文本输入之后以及触摸它之后更改 useState 布尔值。但它不起作用。我的错误是什么？

const {chatmode,setChatmode} = useState(false);

    return(
            <View style={[styles.chat,{zIndex:chatmode? 1 :-1}]}>
                <TextInput style={styles.chatinput} onPressOut={()=> setChatmode(false)} onPressIn={setChatmode(true)}/>
            </View>
    )

结果错误是：

TypeError: setChatmode is not a function. (In 'setChatmode(true)', 'setChatmode' is undefined)

原文

i want to change useState boolean value after focusing on textinput and also after touching out of it. but it doesn't work. what is my mistake?

const {chatmode,setChatmode} = useState(false);

    return(
            <View style={[styles.chat,{zIndex:chatmode? 1 :-1}]}>
                <TextInput style={styles.chatinput} onPressOut={()=> setChatmode(false)} onPressIn={setChatmode(true)}/>
            </View>
    )

result error is :

TypeError: setChatmode is not a function. (In 'setChatmode(true)', 'setChatmode' is undefined)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

意犹 2025-01-17 17:45:32

您需要使用[]方括号而不是大括号，如下

const [chatmode, setChatmode] = useState(false)

编辑：来回答有关onPressOut的问题。您可以将 TextInput 包装到 Pressable 中。

<View>
       <Pressable onPressIn={() => console.log("in")} onPressOut={() => console.log("out")}>
         <TextInput></TextInput>
       </Pressable>
</View>

You need to use [] brackets not curly brackets as follows

const [chatmode, setChatmode] = useState(false)

Edit: To answer your question concerning onPressOut. You could wrap your TextInput into Pressable.

<View>
       <Pressable onPressIn={() => console.log("in")} onPressOut={() => console.log("out")}>
         <TextInput></TextInput>
       </Pressable>
</View>

回复收藏 0 原文

~没有更多了~