2017-12-29 16 views
0

AndroidでKeyboard Show/Hideイベントでイベントをキャプチャしようとしています(React Native)。私は行き詰まってしまった。ここでadjustResizeの設定でKeyboardDidShow/HideイベントがAndroidで機能しない

は私のマニフェスト設定です:

<activity 
    android:launchMode="singleTop" 
    android:name=".MainActivity" 
    android:screenOrientation="portrait" 
    android:label="@string/app_name" 
    android:configChanges="keyboard|keyboardHidden|orientation|screenSize" 
    android:windowSoftInputMode="adjustResize"> 
    <intent-filter> 
     <action android:name="android.intent.action.MAIN" /> 
     <category android:name="android.intent.category.LAUNCHER" /> 
     <action android:name="android.intent.action.DOWNLOAD_COMPLETE"/> 
    </intent-filter> 
</activity> 

そして、ここでは私のRNのコンポーネントです:

import React, {Component} from 'react'; 
import { 
    View,Keyboard 
} from 'react-native'; 

export default class KeyboardAwareComponent extends Component { 
    componentDidMount() { 
     Keyboard.addListener("keyboardDidShow",()=>{ 
      console.log("Show event"); 
     }) 
    } 

    render() { 
     return <View /> 
    } 
} 

は、事前にどうもありがとうございます:)ここで

答えて

0

はストレートからいくつかのイベントですdocs。

keyboardWillShow

keyboardDidShow

keyboardWillHide

keyboardDidHide

keyboardWillChangeFrame

keyboardDidChangeFrame

import React, { Component } from 'react'; 
import { Keyboard, TextInput } from 'react-native'; 

class Example extends Component { 
    componentWillMount() { 
    this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDidShow); 
    this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this._keyboardDidHide); 
    } 

    componentWillUnmount() { 
    this.keyboardDidShowListener.remove(); 
    this.keyboardDidHideListener.remove(); 
    } 

    _keyboardDidShow() { 
    alert('Keyboard Shown'); 
    } 

    _keyboardDidHide() { 
    alert('Keyboard Hidden'); 
    } 

    render() { 
    return (
     <TextInput 
     onSubmitEditing={Keyboard.dismiss} 
     /> 
    ); 
    } 
} 
+0

私はそれらの出来事について知っています...しかし、誰もAndroidで働いていません。 –

+0

https://github.com/facebook/react-native/issues/10613 –

+0

ありがとうございました....入手しました –

関連する問題