自动隐藏键盘高阶组件

/**
 * Created by DB on 2017/1/16.
 * 点击空白处,自动隐藏键盘高阶组件
 */

import React, { Component } from 'react'
import {TouchableWithoutFeedback, View} from 'react-native'
import dismissKeyboard from 'react-native/Libraries/Utilities/dismissKeyboard'

const Decorator = WrappedCompoent => class extends Component {
    render() {
        return (
            <TouchableWithoutFeedback style={{flex:1}} onPress={dismissKeyboard}>
                <View style={{flex:1}}>
                     <WrappedCompoent {...this.props}/>
                </View>
            </TouchableWithoutFeedback>
        )
    }
};

export default Decorator
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容