Feat/make create rn compatible

[aurimasmi]

Tested this on latest react-native-tvos https://github.com/react-native-tvos/react-native-tvos

Steps how to test it:

• Create blank react-native-tvos
• Install flexn create 0.21.2-alpha.38 and required peer dependencies
• In MainActivity.java add this snippet

  import io.flexn.create.TvRemoteHandlerModule;
  import android.view.KeyEvent;
  
  @Override
  public boolean onKeyUp(int keyCode, KeyEvent event) {
    TvRemoteHandlerModule.getInstance().onKeyEvent(event, "up");

    return super.onKeyUp(keyCode, event);
  }

   @Override
   public boolean onKeyLongPress(int keyCode, KeyEvent event) {
      TvRemoteHandlerModule.getInstance().onKeyEvent(event, "longPress");

      return super.onKeyLongPress(keyCode, event);
   }

   @Override
   public boolean onKeyDown(int keyCode, KeyEvent event) {
      if (keyCode == KeyEvent.KEYCODE_DPAD_RIGHT || keyCode == KeyEvent.KEYCODE_DPAD_LEFT || keyCode == KeyEvent.KEYCODE_DPAD_UP || keyCode == KeyEvent.KEYCODE_DPAD_DOWN) {
        event.startTracking();
        TvRemoteHandlerModule.getInstance().onKeyEvent(event, "down");
        
        return true;
      }

      TvRemoteHandlerModule.getInstance().onKeyEvent(event, "down");
      return super.onKeyDown(keyCode, event);
   }

• You can add test code as simple as that

import React from 'react';
import {Text} from 'react-native';
import {
  App as CreateApp,
  Pressable,
  Screen,
  View,
  Debugger as CreateDebugger,
} from '@flexn/create';

function Content() {
  return (
    <Screen>
      <View>
        <Pressable
          onFocus={() => {
            console.log('focus...');
          }}>
          <Text>Hello from button</Text>
        </Pressable>
        <Pressable>
          <Text>Hello from button</Text>
        </Pressable>
        <Pressable>
          <Text>Hello from button</Text>
        </Pressable>
      </View>
    </Screen>
  );
}

function App(): JSX.Element {
  return (
    <CreateApp style={{flex: 1}}>
      <Content />
      <CreateDebugger />
    </CreateApp>
  );
}
export default App;

[mihaiblaga89]

@aurimasmi I also needed to install react-native-vector-icons as a dependency. However I can't run it on android. Snippet that you mentioned is added Android works after adding

import android.view.KeyEvent;

For tvos I get the error

Invariant Violation: requireNativeComponent: "TvFocusableView" was not found in the UIManager.

[pavjacko]

@aurimasmi @mihaiblaga89 it would be good to merge latest main here

[aurimasmi]

@aurimasmi I also needed to install react-native-vector-icons as a dependency. However I can't run it on android. Snippet that you mentioned is added Android works after adding

import android.view.KeyEvent;

For tvos I get the error

Invariant Violation: requireNativeComponent: "TvFocusableView" was not found in the UIManager.

tvos fix version 0.21.2-alpha.39

I also don't like react-native-vector-icons being there it supports single component. Happy to remove it or hear more opinions