react-nativeキーボードマスク入力ボックス

871 ワード

Androidではキーボードマスク入力ボックスが自動的に処理されているのでiosに注目するだけです.
1.まずKeyboardAvoidingViewを導入する
import { KeyboardAvoidingView } from 'react-native';

2.次にページの最外層にKeyboardAvoidingViewを付ける
render(){
    return 
        {/*      */}
    
}

iosとAndroidを合わせると、ページを抽出できます
    getPageView = () => {
        //return       
    }
    getPlatformView = () => {
        if (Platform.OS === 'ios') {
            return 
                    {this.getPageView()}
            
        } else {
            return this.getPageView();
        }
    };

    render() {
        return this.getPlatformView();
    }