Реагируйте родной 0,62, выделяют поддержку темного режима

React Native

предисловие

<View>заменять<div>,к<Image>заменять<img>Ждать.

С точки зрения принципа реализации, React Native запускает движок JavaScript в другом фоновом потоке вне основного потока и взаимодействует между двумя потоками через пакет количественных асинхронных сообщений. Для пользовательского интерфейса React Native предоставляет кроссплатформенную систему компоновки, подобную Flexbox, а также поддерживает подмножество CSS. Его можно разработать на JSX или простом JavaScript, а также на CoffeeScript и TypeScript.

0,62 Обновление

Flipper

Выпущен React Native 0.62.Одним из основных моментов этой версии является то, что она по умолчанию поддерживает Flipper, как показано на следующем рисунке.

在这里插入图片描述
Flipper — это инструмент разработчика для отладки мобильных приложений. Он популярен в сообществах Android и iOS. Flipper предоставляет следующие возможности:

  • Metro Actions: перезагрузите приложение и вызовите меню разработки прямо с панели инструментов.
  • Crash Reporter: просмотр отчетов о сбоях с устройств Android и iOS.
  • React DevTools: используйте последнюю версию React DevTools со всеми другими инструментами.
  • Инспектор сети: просмотр всех сетевых запросов, сделанных приложениями устройства.
  • Журналы Metro и устройств: просмотр, поиск и фильтрация всех журналов Metro и устройств.
  • Инспектор собственного макета: просмотр и редактирование собственного макета, выводимого средством визуализации React Native.
  • Инспекторы баз данных и настроек: просмотр и редактирование баз данных и настроек устройств.

Чтобы узнать больше о Flipper,Flipper documentation.

темный режим

В новой версии добавлен новый модуль для поддержки темного режима, модуль «Внешний вид», с помощью которого разработчики могут установить темную или светлую тему приложения.

const colorScheme = Appearance.getColorScheme();
if (colorScheme === 'dark') {
  // Use dark color scheme
}


import {Text, useColorScheme} from 'react-native';

const MyComponent = () => {
  const colorScheme = useColorScheme();
  return <Text>useColorScheme(): {colorScheme}</Text>;
};

react-native-community/react-native-tvos, Используйте пакет NPM react-native-tvos для разработки и обслуживания.

Поддержка обновления версии

Как мы все знаем, каждый раз обновлять версию React Native — очень кислый опыт, и те, кто не ступил на яму внутри, не поймут боли. Чтобы лучше поддерживать разработчиков для завершения обновления версии, Facebook открыл репозиторий Github под названием Upgrade-Support, где разработчики могут сообщать о проблемах, возникших при обновлении.

Кроме того, React Nature 0,62 также исправляет некоторые ошибки и уменьшает основной код React Riginal, чтобы уменьшить размер приложения.

Наконец, я приложу «реально реагировать на родном мобильном развитии», основанный на книге, написанной 0.60.x, добро пожаловать TUCAO!

在这里插入图片描述

Кроме того, был представлен пресс-пресса, также будет опубликован в ближайшем будущем, также будет опубликован в ближайшем будущем.

Использованная литература:React Native 0.62 Список изменений

Категории