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

[gabimoncha]

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;

[chrisglein]

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

By that I take it you were copying portions out of the docs? Which parts?

If this isn't working however, that may be a bug. Going to convert this discussion to an issue.

[gabimoncha]

@chrisglein I've been using the KeyboardProps api, the only one available
https://microsoft.github.io/react-native-windows/docs/ikeyboardprops-api

[chrisglein]

We've got an issue tracking this now: microsoft/react-native-gallery#278
We'll use that to track clarifying the docs and adding examples here.