How to control unity's camra in react-native?

[yanlei1234]

It can be used on the native side, but it is not integrated into the react-native.
Can you help me to solve this problem, thanks.

[JanOwiesniak]

React Native

Bind onUnityMessage in render

<UnityView
  ref={(ref) => this.unity = ref as any}
  style={{ position: 'absolute', left: 0, right: 0, top: 0, bottom: 0 }}
  onUnityMessage={this.onUnityMessage.bind(this)}>
</UnityView>

Send messages from React Native to Unity via postMessageToUnityManager

private unity: UnityView;

this.unity.postMessageToUnityManager({
  name: 'toUnity',
  data: JSON.stringify({foo: "bar"})
});

Listen to Unity messages in React Native via onUnityMessage

private onUnityMessage(hander: MessageHandler) {
  console.log(hander);
}

Unity

Call onMessage every time a new React Native message comes in

protected virtual void Awake()
{
  UnityMessageManager.Instance.OnRNMessage += onMessage;
}

protected virtual void OnDestroy()
{
  UnityMessageManager.Instance.OnRNMessage -= onMessage;
}

Listen to messages from React Native in Unity via onMessage

protected virtual void onMessage(MessageHandler message)
{
  var dataString = message.getData<string>();

  if (message.name == "toUnity")
  {
    var data = JsonConvert.DeserializeAnonymousType(dataString, new { foo = "" });

    // Do whatever you want e.g. grab camera and do things related to your use case
    // You can use additional data from react e.g. data.foo => "bar"
    GameObject.Find("Camera");

    // Send message back to React Native (optional)
    JObject dataToRN = JObject.FromObject(new
    {
      om: "nom"
    });
      
    UnityMessageManager.Instance.SendMessageToRN(new UnityMessage()
    {
      name = "toReactNative",
      data = dataToRN,
      callBack = (dataFromRN) =>
      {
        Debug.Log("React Native: " + dataFromRN);
      }
    });
  }
}