外にタップしたときのテキスト入力のぼかし

TextInputを使用して問題が発生すると予想される動作は、タップするとフォーカスが合い、キーボードが表示され、その周囲をタップすると（入力以外の場所）、TextInputぼやけてキーボードが消えてしまいます。現在のところ、これは起こりません。テキストの入力は、どこをクリックしてもフォーカスされたままです。このような動作が期待されますか？外にタップしたときのテキスト入力のぼかし

<Image source={require('../assets/background.jpg')} style={{width: undefined; height: undefined; flex: 1;}}> 
    <View> 
    <TextInput placeholder="Email" style={{ width: 200; height: 40; }} /> 
    </View> 
</Image>

出典

2017-01-02 Ilja

いくつかのコードを投稿してください。 – Mouser

@Mouser現在、最小限のセットアップatmに追加されました。それは内部にネストされています。Imageは現在のシーンに完全な背景イメージを適用することです – Ilja

このリンクをチェックし、役立てると答えをアップアップしてください！http：//stackoverflow.com/a/41381151/718968 –

残念ながら、これは予想される動作です。

ScrollView内にTextInputをラップし（必要に応じてスクロールを無効にする）、次にプロパティーkeyboardShouldPersistTaps={false}を使用する必要があります。

ここに例を示します。https://rnplay.org/apps/CooIUA

出典

2017-01-02 16:00:18 zvona

リンク/ポストスニペットを直接更新できますか？ありがとう。 – notgiorgi

@notgiorgi 'keyboardShouldPersistTaps =" never "'を 'false'として使用する必要があります。 – Noitidart

私の場合、 'keyboardShouldPersistTaps =" handles "を使うとよりうまく動作します。さもなければ、キーボードはあまりにも簡単に却下されてしまいます。このzvonaを共有してくれてありがとう、それは非常に有用な情報でした。 – Noitidart

外にタップしたときのテキスト入力のぼかし

答えて

関連する問題