microsoft / fluentui-react-native

A react-native component library that implements the Fluent Design System.

Home Page:https://developer.microsoft.com/fluentui

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Unable to use the Callout component in a React native windows application

gothepal opened this issue · comments

Willing to submit a PR to fix?

  • I am willing to submit a PR to fix

Requested priority

Blocking

Products/applications affected

Microsoft To Do (Universal)

Package version(s)

"@fluentui/react-native": "0.35.7" (npm)

OS version(s)

No response

Platform

  • iOS
  • macOS
  • win32
  • windows
  • android

Xcode version

No response

Please provide a reproduction of the bug

We have a UWP application, and it has certain component that uses React Native windows.
All the UI components we have in the React Native Windows component are from the package "react-native"

The goal was to use the Callout component together with the React native components that are already being used in order to show an FRE (did not find any suitable component in React Native, hence tried the Fluent UI library).

Actual behavior

However, while trying to use the Callout component, received the following error in the debugger:
RCTCallout not found in the UI Manager.

RCT-Callout-error

Expected behavior

Should have seen the Callout component in the UI.
I should have looked something like this (image taken from the official docs):

image

Callout isn't supported on UWP. I think there's something called Flyout in React Native Windows that might work?

Sure, will give it a try and update here.
Meanwhile, is there any documentation for the components that are supported for React Native Windows?