blur fix

cheng500 · Oct 13, 2020 · 386355f · 386355f
1 parent 2c10c17
commit 386355f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/example/src/App.js b/example/src/App.js
@@ -8,13 +8,7 @@ const App = function App() {
   const inputRef = useRef(null)
   return (
     <>
-      <TextArea ref={inputRef} value={text}/>
-      <TouchableOpacity
-        style={{ flex: 1, borderWidth: 1 }}
-        onPress={() => inputRef && inputRef.current && inputRef.current.blur()}
-      >
-        <Text>Others</Text>
-      </TouchableOpacity>
+      <TextArea ref={inputRef} value={text} containerStyle={{ height: 500 }}/>
     </>
   )
 }

diff --git a/src/index.js b/src/index.js
@@ -29,13 +29,15 @@ const TextArea = forwardRef(({
       style={[styles.style, containerStyle]}
       onScrollBeginDrag={onScrollBeginDrag}
       onScrollEndDrag={onScrollEndDrag}
+      keyboardShouldPersistTaps='handled'
     >
       <ScrollView
         horizontal={true}
         contentContainerStyle={styles.contentContainerStyle}
         style={[styles.style, containerStyle]}
         onScrollBeginDrag={onScrollBeginDrag}
         onScrollEndDrag={onScrollEndDrag}
+        keyboardShouldPersistTaps='handled'
       >
         <View pointerEvents={isScrolling || isInitial ? 'box-only' : 'auto'} style={styles.style}>
           <TextInput