如何在本机反应中检测textInput外部的触摸

Question

I'm make a react native app that require something like this:

When i click some input, the border of textInput change to orange color, and when click other textInput or every else the screen, it return white like normal, but i don't know how to capture the outside touch of TextInput, how can we do that?

Answer 1

You can wrap your View in TouchableWithoutFeedback and call Keyboard.dismiss() as prop. Like this:

import {Keyboard} from 'react-native'
...

return(
    ...
    <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
        <View style={{flex: 1}}>
            <TextInput keyboardType='numeric'/>
        </View>
    </TouchableWithoutFeedback>
)