菜鸟教程小白 发表于 2022-12-13 02:33:23

android - 如何在 native react 中在 TextInput 上设置焦点或光标


                                            <p><p>我正在使用 react native 的 <code>TextInput</code> 组件。我想在 onPress 函数中设置焦点。</p>

<pre><code>&lt;TextInput
ref=&#34;messageTextInput&#34;
style={{
    height: 40,
    width: &#34;100%&#34;,
    borderColor: &#34;gray&#34;,
    borderWidth: 1,
    marginTop: 8
}}
underlineColorAndroid=&#34;transparent&#34;
placeholder={strings.enter_your_message}
onChangeText={text =&gt; this.setState({ text })}
/&gt;

_onPress(navigate) {
try {
    if (!this.state.text.trim()) {
      Alert.alert(strings.app_name, strings.validate_text);
      this.messageTextInput.focus();
    }
} catch (error) {
    console.log(error);
}
}
</code></pre>

<p>它不会在 messageTextInput 上设置焦点或光标。有谁知道如何在 nativereact 中做到这一点？</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>你可以试试:</p>

<pre><code>this.refs.messageTextInput.focus();
</code></pre>

<p>我是这样使用的
例子:(去掉TextInput的额外代码)</p>

<pre><code>&lt;TextInput
    onSubmitEditing={() =&gt; {
      this.refs.PasswordInput.focus();
    }}
/&gt;
&lt;TextInput
    ref=&#39;PasswordInput&#39;
/&gt;
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于android - 如何在 nativereact 中在 TextInput 上设置焦点或光标，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/45812155/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/45812155/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: android - 如何在 native react 中在 TextInput 上设置焦点或光标