由于android端的嵌套滑動nestedScrollEnabled屬性,在0.56版本才支持瞳秽,所以不得不進行rn升級瓣履。
ReactNative0.56.0版本更新的內(nèi)容日志:
官方日志
中文網(wǎng)日志
按照官網(wǎng)日志提示進行更改:
babel-preset-react-native >= 5.0.2
如果項目中有使用mobx、react-mobx练俐,還需要:
yarn remove babel-plugin-transform-decorators-legacy (babel@6以下使用)
yarn add @babel/plugin-proposal-decorators --dev (babel@7使用)
配置.babelrc:
{
"presets": ["react-native"],
"plugins":[["@babel/plugin-proposal-decorators", { "legacy": true }]]
}
但會發(fā)現(xiàn)在mac上ios袖迎、android都沒問題,在windows上android:
參考https://github.com/facebook/react-native/issues/19953
得知, 這是react-naive 0.56版本對于windows 開發(fā)環(huán)境存在的一個bug燕锥。
所以不得不降級版本辜贵,或升級更高版本,由于我這里需要解決嵌套滑動归形,所以不得不去升級0.57版本托慨。
同樣,根據(jù)日志獲取基本的修改內(nèi)容:
- react版本升級為 16.5
- "babel-preset-react-native": "^5" 去掉连霉,替換為"metro-react-native-babel-preset": "^0.45.0"
- .babelrc 配置:
{
"presets": ["module:metro-react-native-babel-preset"]
} -
android gradle 版本為4.4
image.png -
在android/build.gradle文件中榴芳,buildscript 和 allprojects 配置項里,將google() 添加在 jcenter()的上方跺撼。 同時build:gradle版本要求為3.1.4
image.png