Как мне реагировать на изменения темы в FluentUI Northstar в командах?

Question

Я пытаюсь использовать FluentUI Northstar для приложения React для Microsoft Teams, но, похоже, нет хорошо документированного решения, чтобы определить, какую тему применять, или как реагировать, когда пользователь меняет тему.

Насколько я вижу, тема передается в Provider, например,

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

Но хотя я мог, например, передать themes.teamsDark, я в растерянности о том, как получить эту тему из самой Команды или как настроить уведомление onChange.

Возможно ли это, и (даже лучше), есть ли официальная документация по MS, которую я здесь пропустил?

Answer 1

Чтобы получать уведомления об изменениях темы во время просмотра вашего приложения / вкладки, вы можете использовать API microsoftTeams.registerOnThemeChangeHandler, задокументированный здесь: https://docs.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/access-teams-context#theme -change-обработка

Существует полезный помощник, созданный сообществом, который поможет вам склеить все это вместе: https://github.com/wictorwilen/msteams-react-base-component