我如何应对团队中FluentUI北极星的主题变化？

Question

我正在尝试使用FluentUI Northstar作为微软团队的React应用程序，但似乎没有一个完善的解决方案来确定要应用什么主题，或者当用户更改主题时如何响应。

据我所知，主题是传递到Provider中的，例如

<Provider theme={themes.teams}>...</Provider>

但是，尽管我可以通过themes.teamsDark，例如，我不知道如何从团队本身获得这个主题，或者如何设置onChange通知。

有没有可能，还有(更好的)，这里有没有我遗漏的官方MS文档？

Answer 1

要在您的应用程序/选项卡处于视图中时获得主题更改的通知，您可以使用此处提供的microsoftTeams.registerOnThemeChangeHandler应用编程接口：https://docs.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/access-teams-context#theme-change-handling

有一个有用的社区构建的帮助器可以帮助您将这些粘合在一起：https://github.com/wictorwilen/msteams-react-base-component