FocusZone not working in react-native android, iOS

[Anurag Hazra]

Willing to submit a PR to fix?

• I am willing to submit a PR to fix

Requested priority

No response

Products/applications affected

@fluentui-react-native/focus-zone

Package version(s)

^0.9.25

OS version(s)

MacOS Monterey 12.3.1

Platform

• iOS
• macOS
• win32
• windows
• android

Xcode version

13.3.1

Please provide a reproduction of the bug

While using FocusZone component in react-native getting below error:

requireNativeComponent RCTFocusZone not found

Code:

import { FocusZone } from '@fluentui-react-native/focus-zone';
import { Button } from 'react-native';

const Test = () => {
  return (
    <FocusZone>
      <Button title="One" />
      <Button title="Two" />
      <Button title="Three" />
    </FocusZone>
  );
};

Is the focus zone implementation missing for native or am I doing something wrong? I could not find proper documentation for it.

Actual behavior

No response

Expected behavior

No response

[Ruriko Araki]

Hi @anuraghazra, thanks for your interest in using our project! Unfortunately, FocusZone is not supported on mobile, as the error says, we don't have the native component which would back the FocusZone implemented.

[Anurag Hazra]

Hi Ruriko! Thanks for the quick response.

Oops that's unfortunate, We were actually trying to find a cross platform keyboard/focus management solution and FocusZone seemed nice :(

Is there any plans in future to adding the support?

[Ruriko Araki]

@ejlayne would you happen to have thoughts on adding FocusZone support on mobile & a timeline?