feat: 添加selectionChange

Arise-cn · Apr 29, 2024 · 2d86201 · 2d86201
1 parent 02ff228
commit 2d86201
Show file tree

Hide file tree

Showing 11 changed files with 77 additions and 56 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -7,9 +7,13 @@ import {
   TouchableOpacity,
   Text,
   Image,
+  TextInput,
+  NativeSyntheticEvent,
+  TextInputKeyPressEventData,
 } from 'react-native';
 import {
   IATTextViewBase,
+  IVSelection,
   IonMentionData,
   VariableTextInputView,
 } from 'react-native-variable-text-input';
@@ -72,11 +76,22 @@ export const App = () => {
       data,
     ]);
   };
+  const onSelectionChange = (e: IVSelection) => {
+    console.log('==ddd===>', e.nativeEvent);
+  };
+  const onKeyPress = (e: NativeSyntheticEvent<TextInputKeyPressEventData>) => {
+    console.log('==onKeyPress==>', e.nativeEvent.key);
+  };
   return (
     <View style={styles.container}>
       <Text onPress={onPressText} style={{ marginTop: 200, marginBottom: 50 }}>
         {'测试方法'}
       </Text>
+      <TextInput
+        style={{ marginTop: 50, width: '100%', height: 100 }}
+        placeholder="ddddddd"
+        onKeyPress={onKeyPress}
+      />
       <View>
         <View style={styles.hor}>
           <VariableTextInputView
@@ -97,6 +112,7 @@ export const App = () => {
             onFocus={() => {
               console.log('==onFocus==');
             }}
+            onSelectionChange={onSelectionChange}
           />
           <TouchableOpacity
             activeOpacity={0.85}

diff --git a/ios/VariableTextInput.h b/ios/VariableTextInput.h
@@ -49,6 +49,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property(nonatomic, copy, nullable) RCTDirectEventBlock onTextInput;
 @property(nonatomic, copy, nullable) RCTDirectEventBlock onBlur;
 @property(nonatomic, copy, nullable) RCTDirectEventBlock onFocus;
+@property(nonatomic, copy, nullable) RCTDirectEventBlock onIOSSelectionChange;
 @property(nonatomic, strong) NSDictionary *defultTypingAttributes;
 @property(nonatomic, strong) NSArray *tags;
 @property(nonatomic, strong) NSString *keyWord;

diff --git a/ios/VariableTextInput.m b/ios/VariableTextInput.m
@@ -344,6 +344,10 @@ - (void)textViewDidChangeSelection:(UITextView *)textView {
         }
     }
     self.cursorLocation = textView.selectedRange.location;
+    NSRange selection = textView.selectedRange;
+    if (_onIOSSelectionChange) {
+        _onIOSSelectionChange(@{@"selection":@{@"start":[NSNumber numberWithInt:selection.location],@"end":[NSNumber numberWithInt:selection.location + selection.length]}});
+    }
 }
 
 - (void)textViewDidChange:(UITextView *)textView {

diff --git a/ios/VariableTextInputViewManager.m b/ios/VariableTextInputViewManager.m
@@ -44,6 +44,7 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
 RCT_EXPORT_VIEW_PROPERTY(onFocus, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onChange, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onContentSizeChange, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onIOSSelectionChange, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onSubmitEditing, RCTBubblingEventBlock)
 RCT_CUSTOM_VIEW_PROPERTY(textAlign, NSTextAlignment, VariableTextInput)
 {

diff --git a/lib/commonjs/VariableTextInputView.js b/lib/commonjs/VariableTextInputView.js
diff --git a/lib/commonjs/VariableTextInputView.js.map b/lib/commonjs/VariableTextInputView.js.map
diff --git a/lib/module/VariableTextInputView.js b/lib/module/VariableTextInputView.js