React Native 0.62 發佈，默認支持 Flipper，新的暗黑模式

，以<image>替代等。

在幕後，React Native在主線程之外，在另一個背景線程裡運行JavaScript引擎，兩個線程之間通過一批量化的async消息協議來通信（有一個專門的React插件）。

UI方面React Native提供跨平臺的類似Flexbox的佈局系統，還支持CSS子集。可以用JSX或者普通JavaScript語言，還有CoffeeScript和TypeScript來開發。

React Native比起標準Web開發或原生開發能夠帶來的三大好處

手勢識別：基於Web技術（HTML5/JavaScript）構建的移動應用經常被抱怨缺乏及時響應。而基於原生UI的React Native能避免這些問題從而實現實時響應。

原生組件：使用HTML5/JavaScript實現的組件比起原生組件總是讓人感覺差一截，而React Native由於採用了原生UI組件自然沒有此問題。

樣式和佈局：iOS、Android和基於Web的應用各自有不同的樣式和佈局機制。React Native通過一個基於FlexBox的佈局引擎在所有移動平臺上實現了一致的跨平臺樣式和佈局方案。

0.62 更新內容

React Native 0.62 發佈了，此版本一大亮點是默認支持 Flipper。

Flipper 是用於調試移動應用的開發人員工具，它在 Android 和 iOS 社區中都很流行，Flipper 提供以下功能：

• Metro Actions：重新加載應用並從工具欄直接觸發開發菜單。
• Crash Reporter：查看來自 Android 和 iOS 設備的崩潰報告。
• React DevTools：與所有其它工具一起使用最新版本的 React DevTools。
• Network Inspector：查看設備應用程序發出的所有網絡請求。
• Metro and Device Logs：查看、搜索和過濾來自 Metro 和設備的所有日誌。
• Native Layout Inspector：查看和編輯 React Native 渲染器輸出的原生布局。
• Database and Preference Inspectors：查看和編輯設備數據庫和首選項。

另一大亮點是新的暗黑模式。添加了一個新Appearance模塊，以提供對用戶外觀偏好的訪問，例如用戶的首選配色方案（淺色或深色）。

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

同時還添加了一個 hook 跟蹤用戶首選項的狀態更新：

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

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

"/<image>