优化收银台回车事件触发按钮问题

src/components/Touch.js

@@ -6,6 +6,7 @@ import {
   TouchableWithoutFeedback,
   View,
 } from 'react-native';
+import EnterEvent from '../utils/EnterEvent';
 
 let TouchableComponent;
 
@@ -30,7 +31,11 @@ export default class PlatformTouchable extends React.Component {
   static Ripple = TouchableComponent.Ripple;
   static canUseNativeForeground = TouchableComponent.canUseNativeForeground;
 
-  onPress = () => {
+  onPress = e => {
+    if (e.constructor.name === 'SyntheticEvent') {
+      EnterEvent.emit('Trigger');
+      return;
+    }
     let {onPress} = this.props;
     window.count = window.defaultCount;
     if (onPress) {
@@ -50,9 +55,7 @@ export default class PlatformTouchable extends React.Component {
       ...props
     } = this.props;
 
-    if (feedback === false) {
-      TouchableComponent = TouchableWithoutFeedback;
-    }
+    if (!feedback) TouchableComponent = TouchableWithoutFeedback;
     props.onPress = this.onPress;
 
     // Even though it works for TouchableWithoutFeedback and

src/pages/CounterMixins.js

@@ -16,6 +16,7 @@ import NP from '../utils/np';
 import {total} from '../utils/validity';
 import RedPacketModal from '../components/RedPacketModal';
 import {width, scaleSize} from '../utils/screen';
+import EnterEvent from '../utils/EnterEvent';
 
 window.RN = RN;
 window.Toast = Toast;
@@ -110,6 +111,10 @@ const CounterMixins = ComposeComponent => {
           this.barcode += pressedKey;
         }
       });
+      EnterEvent.on('Trigger', async () => {
+        await handleScan();
+        this.barcode = '';
+      });
       this.listen();
     };
 

src/utils/EnterEvent.js

+import mitt from './mitt';
+
+const emitter = mitt();
+
+export default emitter;