自动隐藏键盘高阶组件

2017-03-31  本文已影响273人  剌小胥
/**
 * 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
上一篇 下一篇

猜你喜欢

热点阅读