反应原生 unfocus TextInput答案

【问题标题】：react native unfocus TextInput反应原生 unfocus TextInput
【发布时间】：2020-07-23 22:15:19
【问题描述】：

我想像这样在 react-native 中创建一个搜索栏：

如果我点击图标，我会关注 textInput，但如果我点击屏幕的其他部分，则会取消关注 textInput。

焦点部分正在使用ref，但我不知道当我点击屏幕的其他部分时是否可以取消焦点文本输入。

<TextInput
    multiline={false}
    onChangeText={(text) => onChangeText(text)}
    placeholder="search"
    style={styles.textInput}
    value={value}
    ref={research}
></TextInput>
<TouchableOpacity onPress={()=>research.current.focus()}>
    <Ionicons name="md-search" size={24} ></Ionicons>
</TouchableOpacity>

【问题讨论】：

标签： javascript reactjs typescript react-native expo

【解决方案1】：

你可以直接关闭键盘

import {Keyboard} from 'react-native'

<TouchableWithoutFeedback onPress={Keyboard.dismiss}>
    <View style={{flex: 1}}>
        [your code in here]
    </View>
</TouchableWithoutFeedback>

【讨论】：