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 (

{ console.log('focus...'); }}> Hello from button Hello from button Hello from button

); }

function App(): JSX.Element { return ( <CreateApp style={{flex: 1}}>

  <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