feat: 修改iOS调用原生为UIManager

Author: duom青源

example/Gemfile

@@ -1,6 +1,6 @@
 source 'https://rubygems.org'
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby File.read(File.join(__dir__, '.ruby-version')).strip
+# ruby File.read(File.join(__dir__, '.ruby-version')).strip
 
 gem 'cocoapods', '~> 1.11', '>= 1.11.3'

example/Gemfile.lock

@@ -0,0 +1,108 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    CFPropertyList (3.0.7)
+      base64
+      nkf
+      rexml
+    activesupport (7.1.3.2)
+      base64
+      bigdecimal
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      connection_pool (>= 2.2.5)
+      drb
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      mutex_m
+      tzinfo (~> 2.0)
+    addressable (2.8.6)
+      public_suffix (>= 2.0.2, < 6.0)
+    algoliasearch (1.27.5)
+      httpclient (~> 2.8, >= 2.8.3)
+      json (>= 1.5.1)
+    atomos (0.1.3)
+    base64 (0.2.0)
+    bigdecimal (3.1.7)
+    claide (1.1.0)
+    cocoapods (1.15.2)
+      addressable (~> 2.8)
+      claide (>= 1.0.2, < 2.0)
+      cocoapods-core (= 1.15.2)
+      cocoapods-deintegrate (>= 1.0.3, < 2.0)
+      cocoapods-downloader (>= 2.1, < 3.0)
+      cocoapods-plugins (>= 1.0.0, < 2.0)
+      cocoapods-search (>= 1.0.0, < 2.0)
+      cocoapods-trunk (>= 1.6.0, < 2.0)
+      cocoapods-try (>= 1.1.0, < 2.0)
+      colored2 (~> 3.1)
+      escape (~> 0.0.4)
+      fourflusher (>= 2.3.0, < 3.0)
+      gh_inspector (~> 1.0)
+      molinillo (~> 0.8.0)
+      nap (~> 1.0)
+      ruby-macho (>= 2.3.0, < 3.0)
+      xcodeproj (>= 1.23.0, < 2.0)
+    cocoapods-core (1.15.2)
+      activesupport (>= 5.0, < 8)
+      addressable (~> 2.8)
+      algoliasearch (~> 1.0)
+      concurrent-ruby (~> 1.1)
+      fuzzy_match (~> 2.0.4)
+      nap (~> 1.0)
+      netrc (~> 0.11)
+      public_suffix (~> 4.0)
+      typhoeus (~> 1.0)
+    cocoapods-deintegrate (1.0.5)
+    cocoapods-downloader (2.1)
+    cocoapods-plugins (1.0.0)
+      nap
+    cocoapods-search (1.0.1)
+    cocoapods-trunk (1.6.0)
+      nap (>= 0.8, < 2.0)
+      netrc (~> 0.11)
+    cocoapods-try (1.2.0)
+    colored2 (3.1.2)
+    concurrent-ruby (1.2.3)
+    connection_pool (2.4.1)
+    drb (2.2.1)
+    escape (0.0.4)
+    ethon (0.16.0)
+      ffi (>= 1.15.0)
+    ffi (1.16.3)
+    fourflusher (2.3.1)
+    fuzzy_match (2.0.4)
+    gh_inspector (1.1.3)
+    httpclient (2.8.3)
+    i18n (1.14.4)
+      concurrent-ruby (~> 1.0)
+    json (2.7.2)
+    minitest (5.22.3)
+    molinillo (0.8.0)
+    mutex_m (0.2.0)
+    nanaimo (0.3.0)
+    nap (1.1.0)
+    netrc (0.11.0)
+    nkf (0.2.0)
+    public_suffix (4.0.7)
+    rexml (3.2.6)
+    ruby-macho (2.5.1)
+    typhoeus (1.4.1)
+      ethon (>= 0.9.0)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    xcodeproj (1.24.0)
+      CFPropertyList (>= 2.3.3, < 4.0)
+      atomos (~> 0.1.3)
+      claide (>= 1.0.2, < 2.0)
+      colored2 (~> 3.1)
+      nanaimo (~> 0.3.0)
+      rexml (~> 3.2.4)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  cocoapods (~> 1.11, >= 1.11.3)
+
+BUNDLED WITH
+   2.1.4

example/ios/Podfile.lock

@@ -329,7 +329,7 @@ PODS:
   - React-jsinspector (0.71.4)
   - React-logger (0.71.4):
     - glog
-  - react-native-variable-text-input (0.1.0):
+  - react-native-variable-text-input (0.14.0):
     - React-Core
   - React-perflogger (0.71.4)
   - React-RCTActionSheet (0.71.4):
@@ -606,7 +606,7 @@ SPEC CHECKSUMS:
   React-jsiexecutor: d6b7fa9260aa3cb40afee0507e3bc1d17ecaa6f2
   React-jsinspector: 1f51e775819199d3fe9410e69ee8d4c4161c7b06
   React-logger: 0d58569ec51d30d1792c5e86a8e3b78d24b582c6
-  react-native-variable-text-input: ce0fb81e6db845f103557b1bb10cfd8d373647c1
+  react-native-variable-text-input: a77966d23c54ab56c4ff381a8613ab154432bf5b
   React-perflogger: 0bb0522a12e058f6eb69d888bc16f40c16c4b907
   React-RCTActionSheet: bfd675a10f06a18728ea15d82082d48f228a213a
   React-RCTAnimation: 2fa220b2052ec75b733112aca39143d34546a941
@@ -626,4 +626,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 43569e7a31a8524b23dd56412400f293ae2c924d
 
-COCOAPODS: 1.14.3
+COCOAPODS: 1.15.2

example/src/App.tsx

@@ -14,6 +14,7 @@ import {
   VariableTextInputView,
 } from 'react-native-variable-text-input';
 import { EmojiList } from './EmojiList';
+import type { IInputEmojiDataType } from './assets';
 export const App = () => {
   const inPutRef = React.createRef<IATTextViewBase>();
   const [keyBoardHeight, setKeyBoardHeight] = useState<number>(0);
@@ -52,24 +53,30 @@ export const App = () => {
     //todo
     console.log('onMentions===>', data);
   };
-  const onTouchEmView = () => {
-    setKeyBoardHeight(0);
-    inPutRef.current?.blur();
-  };
+  // const onTouchEmView = () => {
+  //   setKeyBoardHeight(0);
+  //   inPutRef.current?.blur();
+  // };
   const onTouchContro = () => {
     !showEmoji && inPutRef.current?.blur();
     showEmoji && inPutRef.current?.focus();
     setShowEmoji(!showEmoji);
   };
+  const onPressText = () => {
+    inPutRef.current?.changeAttributedText([{ type: 0, text: 'eeeeeee' }]);
+  };
+  const onSelect = (data: IInputEmojiDataType) => {
+    //todo
+    inPutRef.current?.changeAttributedText([
+      { type: 0, text: 'eeeeeee' },
+      data,
+    ]);
+  };
   return (
     <View style={styles.container}>
-      <View style={{ flex: 1, width: '100%' }}>
-        <TouchableOpacity
-          onPress={onTouchEmView}
-          activeOpacity={1}
-          style={{ flex: 1 }}
-        />
-      </View>
+      <Text onPress={onPressText} style={{ marginTop: 200, marginBottom: 50 }}>
+        {'测试方法'}
+      </Text>
       <View>
         <View style={styles.hor}>
           <VariableTextInputView
@@ -109,7 +116,11 @@ export const App = () => {
             <Text style={styles.sendText}>SEND</Text>
           </View>
         </View>
-        <EmojiList numColumns={6} keyBoardHeight={keyBoardHeight} />
+        <EmojiList
+          numColumns={6}
+          keyBoardHeight={keyBoardHeight}
+          onSelect={onSelect}
+        />
       </View>
     </View>
   );
@@ -118,8 +129,6 @@ export default App;
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    alignItems: 'center',
-    justifyContent: 'flex-end',
   },
   box: {
     backgroundColor: '#000',