Обнаружение темного режима iPhone iOS с React Native

Я знаю, что это возможно с помощью Swift:

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    if traitCollection.userInterfaceStyle == .light {
        print("Light mode")
    } else {
        print("Dark mode")
    }
}

Однако есть ли способ сделать это с помощью JavaScript?

Заглянув в проблемы github.com/facebook/react-native, я нашел только эту: github.com/facebook/react-native/issues/25322, которая была автоматически закрыта ботом.

— 30.06.2019 01:40

react-native

30.06.2019 01:38

Умерло ли Create-React-App?

В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.

Освоение React Native: Пошаговое руководство для начинающих

React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...

Ускоренная стилизация компонентов React Native с помощью NativeWind

В чем разница между react native и react ?

React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...

От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React

Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...

Хуки React: что это такое и как их использовать

Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...

9 221

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Да...

https://www.npmjs.com/package/react-native-dark-mode

ИЛИ

https://github.com/codemotionapps/react-native-dark-mode

import { useDarkMode } from 'react-native-dark-mode'

function Component() {
  const isDarkMode = useDarkMode()
  return <View style = {{ backgroundColor: isDarkMode ? 'black' : 'white' }} />
}

У меня не работало автоматическое связывание на RN0.6+, когда был установлен последний модуль. Пришлось бежать: react-native link react-native-dark-modecd iospod install Пока не зарегистрировался

— 14.02.2020 17:47

30.09.2019 23:14

Ответ принят как подходящий

Вам не нужно react-native-dark-mode начиная с 0.62.2. Вы можете использовать

import { Appearance } from 'react-native'
...
Appearance.getColorScheme() === 'dark'

Вот коммит, который его добавляет: https://github.com/facebook/react-native/commit/63fa3f21c5ab308def450bffb22054241a8842ef

13.04.2020 17:52

Другие вопросы по теме

Заголовок не работает в createSwitchNavigator

Я не могу получить доступ к функции в саге

Как реализовать форму капли, содержащую текст внутри, в родной реакции, как показано на изображении ниже

Ссылка на Teamviewer в React Native

Не удалось выполнить задачу ':app:mergeReleaseResources' после создания файлов пакета

ComponentDidMount работает только при первой загрузке экрана в React Native

Реагировать на собственный дочерний компонент рендеринга

Ошибки запуска проекта React-Native

Ошибка: Исключение в HostFunction: неправильно сформированные вызовы из JS: размеры полей разные. В анимированном представлении

Запустите реактивный IOS с ошибкой: Неожиданный токен

Обнаружение темного режима iPhone iOS с React Native

Ответы 2

Другие вопросы по теме

Похожие вопросы