react-native 0.57 版本更新日誌

時間 2019-11-16

標籤 react native 0.57 版本更新日誌欄目 React 简体版

原文原文鏈接

[0.57]

歡迎來到React Native版本的0.57版!這個版本解決了許多問題，並有一些使人興奮的改進。咱們再次跳過了一個月發佈，經過擴展發佈候選階段關注質量，而且兼容以前的版本html

這個版本包括599提交由73個不一樣的貢獻者!爲了響應反饋，咱們準備了一個只包含用戶影響的更改的變動日誌。請分享您的意見，並讓咱們知道咱們如何使這更有用，若是您對此有任何反饋，和往常同樣請告知咱們let us know前端

Highlights

New features

輔助功能API如今支持可訪問性提示，反色，以及更容易用於定義元素的角色和狀態 @ziqichen6's excellent blog post
在iOS上，WKWebView如今能夠在WebView組件中使用 @rsnara's awesome blog post
更好地支持其餘平臺。有關詳細信息 the discussion

Tooling updates

Android構建工具已經升級，須要(SDK 27, gradle 4.4, and support library 27);因爲Android編譯工具暫時不支持3.2，因此請暫時停留在3.1版本
支持 Babel 7 請閱讀 here about using TypeScript and check out the Babel 7 migration guide for help migrating.
Metro已經升級（with Babel 7 and better transformer support），並在接下來的主要版本中，咱們計劃有兩個新功能（ram bundles and inline requires）可供你們選擇; 此外，若是您有自定義打包程序配置，咱們建議您還閱讀。here; moreover, if you have a custom packager config, we recommend you read also the "updating to this version" section.
Flow，React和相關包也已更新，它包括 working support for the React Profiler.

The Slimmening is happening

正如過去幾回提到的那樣，核心團隊正在審查存儲庫以將其更改成React Native的基本功能，以便使整個生態系統更易於維護（經過使用dividi-et-impera方法，社區將更快地移動並使拉取請求更快地被審查和合並）。此更改須要將一些組件提取到他們本身的單獨存儲庫中並刪除舊的，未使用的代碼（此處的詳細信息）。 (details here).node

任何更改都不會直接影響0.57 ，但咱們但願您知道:react

WebView將在react-native-community / react-native-webview它本身的repo上移除。WebView很快就會棄用 react-native-community/react-native-webview
NavigatorIOS將從主代碼庫中徹底刪除，從0.58.0開始（經過此提交）; 它已被棄用(via this commit); it is now deprecated

Updating to this version

升級React Native版本到0.57.0, 同時 React 版本到 16.5git
將babel預設依賴項從"babel-preset-react-native": "^5",更改成"metro-react-native-babel-preset": "^0.45.0",，而後將.babelrc配置更改成github
```
{
    "presets": ["module:metro-react-native-babel-preset"]
  }
複製代碼
```
確保您的babel版本時^7.0.0（您可能還須要添加babel-core": "7.0.0-bridge.0"以確保兼容性）web

若是您有自定義打包程序配置rn-cli.config.js，則可能須要更新它以使用更新的Metro配置結構（有關詳細信息，請參閱Metro的文檔）; 如下是一些常見的變化rn-cli.config.js：typescript

-const blacklist = require('metro/src/blacklist')
+const blacklist = require('metro-config/src/defaults/blacklist')

// ...

module.exports = {
+ watchFolders: alternateRoots,
+ resolver: {
+ blacklistRE: blacklist
+ },
+ transformer: {
+ babelTransformerPath: require.resolve('./scripts/transformer.js'),
+ },
- getProjectRoots() {
- return [
- path.resolve(__dirname),
- ].concat(alternateRoots)
- },
- getBlacklistRE() {
- return blacklist;
- },
- transformModulePath: require.resolve('./scripts/transformer.js'),
}
複製代碼

運行yarn命令確保安裝全部新依賴項json

Added: new features

添加 .nvmrc 同時確保 node 版本支持ESLint 5 (30b9d81 by @slorber)
可訪問性有很大的改變 (9f01e4c, b5b704d, c36e8b3, 40f6998, c1d0ccd, 679bff2, 10b603f, d9eeae9, 3cfa7ae, 5acb721, 5741f77, d0b86ec, e739143, c27b495, 5aa040d, 03036f7, 3bedc78, ca01290, 121e2e5, 1bc5226, 48b3d13, ef3d8b2, 5f8b44f, 50e4001, and f39d092 by @ziqichen6)
添加YogaNodeProperties實現基於ByteBuffer (0c97e75 and 23657cc by @davidaurelio)
添加FlatList和SectionList動畫導出 (daa7c78 by @yunyu) -爲 FlatList/VirtualizedList 添加新的樣式屬性 ListHeaderComponent 和 ListFooterComponent (a2675ce)
向Module Registry systraces添加了更多信息 (c7fdd27 by @axe-fb)
經過新haste字段添加對其餘平臺插件的支持package.json; 在docs條目中閱讀更多內容 docs entry (6bcd51a by @empyrical)
加入snapToOffsets到ScrollView並提出了一些修正，snapToInterval等 (ef7e99c by @olegbl)

Android specific additions

-容許註冊自定義打包程序命令處理程序 (b3ef1c3 by @fkgozali)windows

Android中實現AccessibilityInfo.setAccessibilityFocus (be715ec by @draperunner)
支持overflow (b81c8b5 and bbdc12eby @yungsters)

iOS specific additions

WebView如今可使用WKWebView，若是你在內部配置了useWebKit={true} (e90d9ca, 9b3a6ec, f7f9d01, 94560ca, 06cce04, 1c3af59, 5662598, 1984f4b, 1b73e76, d0b5a38, 0fa5bd8, 527792a, ee971a7, d29c253, 0009d09, 078799f, f46dbc2, 262d286, 959aacf, and e0df3a1 by @rsnara)
在IOS中添加 accessibilityHint(253b29d by @draperunner)

Changes: existing functionality that is now different

*[BREAKING]*在CLI中，unbundle如今是ram-bundle (ebf5aea by @jeanlauliac)
Bump最小節點版本爲8.3 (#20236) (e64e13f by @hramos)
升級 React (70913a4, b7bb25f, and 0b30129 by @acdlite, @hramos, and @yungsters)
升級 Flow 到 v0.76.0 (eac34e3 by @gabelevi)
升級 jest 到 23.4.1 (51cf9eb by @rafeca)
升級 babel-eslint 到 v9.0.0-beta.2 with better support for Flow (abf1188 by @rubennorte)
升級 ESLint 到 5.1.0 (0f2f0ca by @rubennorte)
升級 Babel 到 v7.0.0 (b9d1c83, 724c749 by Peter van der Zee, and 9f83fcc by @rubennorte and @rafeca)
Metro 目前版本爲 v0.45.0 (169d683, bda84a3, 5288656, 1bfa422, 96939ad by @CompuIves and @rafeca)
在非開發模式下隱藏預先捆綁的通知 (edf7100 by @yancouto)
定義 StyleSheet.compose 爲Flow 類型 (50a481d by @yungsters)
捕獲JS bundle加載失敗並阻止以後調用JS (201ba8c by @fkgozali)
使用新的 Metro 配置在react-native cli (a32620d and aaf797a by @CompuIves)
默認在haste/cli白名單中配置react-native-dom (c4bcca6 by @vincentriemer)
在CLI中不要覆蓋metro.config.js配置 (3afe711 by @rozele)

Android specific changes

Image 沒有source時返回null (28c7ccf by @himabindugadupudi)
targetSdkVersion is 26 (bfb68c0 by @dulmandakh)
升級 NDK 到 r17b (6117a6c by @dulmandakh)
升級 NDK toolchain 到 4.9 (ccdd450 by @dulmandakh)
升級 Android Support Library 到 version 27.1.1 同時升級 compileSdkVersion 到 27; buildToolsVersion 也會保持一致 (d9868f7 and 5992f8d by @dulmandakh)
升級 Android gradle plugin 到 3.1.4, Gradle wrapper 到 4.4 (6eac2d4 and 33d20da by @gengjiawen and @dulmandakh)
升級 soloader 到 0.5.1 (b6f2aad by @gengjiawen)
升級 mockito 到 2.19.1 (3ea803a by @dulmandakh)
升級 glog 到 0.3.5 (b5fca80 by @dulmandakh)

Fixed: bugs that have been resolved

修復了Windows機器上的構建 (3ac86c3 by @rafeca)
修復構建 tvOS (1f1ddd0)
修復 TextInputState的 currentlyFocusedField() (b4b594c by @janicduplessis)
修復<VirtualizedList>設置initialScrollIndex時的跳躍問題 (e0c7363 by @rbrosboel)
修復 local-cli assetRegistryPath 和 middlewares (f05943d by @janicduplessis)
Fix 當flexGrow and flexShrink設置爲0的問題 (90a408e by @priteshrnandgaonkar)
修復 react-native CLI's 調試UI時的路徑和 metro 主機/端口使用 (5067540 by @Kureev)
修復react-native-windows在hasteImpl中接受路徑出錯 (5494274 by @rubennorte)
修復Animated中一些類型錯誤的問題 (db2159d by @yunyu)
修復了DockerTests.md中的拼寫錯誤 (c1831d5 by @kant)
修復在jest預處理器中無效使用解構 (9d5bd50 by @umairda)
修復了使用舊版本節點時CLI崩潰的問題 (9a4c21f by @keksipurkki)

Android specific fixes

修復AsyncStorage在Android 7+上運行不正常的問題 (1b09bd7)
修復終端使用緩慢 (5017b86 by @gnprice)
修復 <TextInput> 佔位符不可見 (8402232 and 86f24cc by @jainkuniya)
在使用RTL內容更改佈局期間修復水平的滾動位置 (de57327)
修復水平問題 (d5465a9)
修復ReactTextInputLocalData在SDK15上的奔潰 (1bb2bea)
修復ReactScrollView的繪圖Rect (6a16bec by @yungsters)
修復了從ReadableNativeMap拋出的NoSuchKeyException，若是密鑰不存在則經過默認爲0來釋放ReadableMap (1a6666a by @Bhavik-P)
修復了runAndroid，以便在Windows8081端口運行包 (3cd0737 by @ihenshaw)
嘗試在不一樣質量的網絡上獲取數據時，不要在上傳重試時崩潰 (7a246e4 by @dryganets)

iOS specific fixes

修復TextInput.clear()和TextInput.setNativeProps({text: ''})的使用 (057d3ef by @magicien) -在RCTReconnectingWebSocket導入 Correct fishhook (75a0273)
若是高度/寬度爲零，則更改RCTImagePickerManager以處理崩潰 (82af7c9 by @abhi06276)
輸入中文/日文時修復受iOS 限制 (892212b by @mmmulani)
修復的錯誤 (fab5fff by @PeteTheHeat)
修復了缺失的選擇指示線 (e592d6f by @VSchlattinger)
修復iOS上的RCTImagePicker崩潰 (934c50f by @mmmulani)
修復undefined_arch在Xcode 10 beta中構建時的錯誤 (e131fff by @futuun)
使用自定義調試配置時，在設備上運行iOS應用程序時添加對鏈接到Packager的支持 (079bf3f)
修復RCTAnimation導入以與cocoapods集成 (7525f38 by @LukeDurrant)