Not able to get any of the keyDown events triggered on virtual machine. #10822

gabimoncha · 2022-11-02T11:49:30Z

gabimoncha
Nov 2, 2022

Hi,

I've been trying to console the keyboard props but with no success. Mouse events seem to work though.
I'm running the latest version 0.70 inside a Parallels VM.

I've also tried the docs, which are using class syntax with no prevail

import React from 'react';
import { StyleSheet, Text } from 'react-native';
import { HandledEventPhase, ViewWindows } from 'react-native-windows';

const App = () => {
  const handledNativeKeyboardEvents = [
    {
      code: 'a',
      handledEventPhase: HandledEventPhase.Capturing
    },
    {
      code: 'A',
      handledEventPhase: HandledEventPhase.Bubbling
    }
  ];

  const onMouseEnter = () => {
    console.log('enter')
  }

  const onMouseLeave = () => {
    console.log('Leave')
  }

  return (
    <ViewWindows
      onKeyDown={(e) => {
        console.log({ e });
      }}
      onKeyDownCapture={(e) => {
        console.log({ e });
      }}
      style={styles.container}
      onMouseEnter={onMouseEnter}
      onMouseLeave={onMouseLeave}
      keyDownEvents={handledNativeKeyboardEvents}
      keyUpEvents={handledNativeKeyboardEvents}
      focusable
    >
      <Text style={styles.title}>Key test</Text>
    </ViewWindows>
  );
};

const styles = StyleSheet.create({
  backgroundStyle: {
    backgroundColor: 'black',
  },
  container: {
    width: '100%',
    height: '100%',
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#ffffDD'
  },
  title: {
    fontWeight: 'bold',
    fontSize: 22,
    color: 'black'
  },
});

export default App;