期待已久的新課上線啦看疙!解鎖React Native開發(fā)新姿勢鲜结,一網打盡React Native最新與最熱技術迟郎,點我Get!!!
概述
在過去的一年中React Native經歷了從v0.40到v0.52的十幾次的版本迭代坎弯,我們看到在這十幾次的版本迭代中React Native的組件庫在不斷地壯大厦坛,在新引進的組件中既有FlatList露该、SectionList等具有更高性能的列表組件睬棚,也有與時俱進的用于適配全屏幕的SafeAreaView組件,同時呢解幼,一些性能較差闸拿、無法適應React Native未來發(fā)展的一些老的組件,如:ListView书幕、Navigator等組件也逐漸退出了沙場新荤。
本文將向大家總結React Native在過去的一年中的重要變更,以及新組件台汇,新API的適配建議苛骨。通過本文希望能幫助你快速的了解React Native在過去一年中的重要更新,如何讓你的APP去更快的應用React Native新的特性苟呐,讓React Native新的組件及特性來提高你應用的性能與體驗痒芝。
同時呢也為大家精心準備了《React Native實戰(zhàn)課程》,此課程會持續(xù)更新牵素。
圖解React Native年度報告
React Native年度報告(2017-2018)
-
新增組件(8個)
-
新增API(5個)
-
其他新增(2個)
- ViewPropTypes
- takeSnapshot
-
過時严衬、移除(7個)
- BackAndroid
- Navigator
- ListView
- MapView
- RecyclerViewBackedScrollView
- AdSupportIOS
- NavigationExperimental
變更組件、API說明
新增組件說明
組件 | 最低支持版本 | 說明 |
---|---|---|
CheckBox | 0.49 | 一個用在React Native上的復選框組件笆呆,<font color=#FF0000>(目前僅支持Android请琳,未來會對iOS做支持)</font> |
ImageBackground | 0.46 | 新增的背景圖片組件粱挡,它是一個容器組件,支持包含其他組件 |
VirtualizedList | 0.43 | FlatList 和 SectionList 的底層實現(xiàn)俄精。 |
FlatList | 0.43 | 基于VirtualizedList的高性能簡單列表組件询筏。 |
SwipeableFlatList | 0.50 | 一個帶滑動顯示更多菜單的FlatList組件; |
SectionList | 0.43 | 基于VirtualizedList的高性能分組(section)列表組件竖慧。 |
MaskedViewIOS | 0.48 | 可以為組件添加一個透明的遮罩嫌套; |
SafeAreaView | 0.50 | 用于包裹其他View,它會自動應用填充布局中不足的一部分圾旨,但不包括navigation bars, tab bars, toolbars等視圖踱讨。 |
新增API說明
組件 | 最低支持版本 | 說明 |
---|---|---|
AccessibilityInfo | 0.47 | 一個用于判斷屏幕閱讀器是否處于激活狀態(tài)的API。 |
DeviceInfo | 0.44 | 一個類專門提供屏幕尺寸砍的,字體縮放等信息的API勇蝙。 |
BackHandler | 0.44 | 監(jiān)聽設備上的后退按鈕事件(Android、Apple TV)挨约。 |
findNodeHandle | 0.45 | 用于獲取組件的本地節(jié)點句柄的API味混。 |
TVEventHandler | 0.43 | 一個用于接受Apple TV遠程事件(如遙控器的事件)的API。 |
[YellowBox](https://facebook.github.io/react-native/docs/debugging.html#in-app-errors-and-waReact Nativeings) | 0.44 | 通過這個API可以屏蔽指定的警告诫惭。 |
其他變更說明
組件 | 最低支持版本 | 說明 |
---|---|---|
ViewPropTypes | 0.44 | View 中的 propTypes 被移到 ViewPropTypes中翁锡。 |
takeSnapshot | 0.44 | 將 takeSnapshot 方法從 UIManager 移動到 ReactNative。 |
過時夕土、移除說明
組件 | 最低支持版本 | 說明 |
---|---|---|
BackAndroid | 0.44 | 使用功能更豐富的BackHandler 代替馆衔; |
Navigator | 0.43 | 使用react-navigation 代替; |
ListView | 0.43 | 使用FlatList 代替怨绣; |
MapView | 0.43 | 使用react-native-maps 代替此地圖組件角溃; |
RecyclerViewBackedScrollView | 0.42 | 這個組件是很久之前為了解決 scroll-back-when-data-is-added 這個bug而添加的,但是現(xiàn)在已經直接通過ScrollView內部代碼解決了這個問題篮撑。 |
AdSupportIOS | 0.48.4 | 使用react-native-deprecated-modules 或react-native-idfa代替减细; |
NavigationExperimental | 0.44.3 | 使用react-navigation 代替; |
以上便是同時React Native 2017-2018的年度報告赢笨,另外你也可以通過學習《React Native實戰(zhàn)課程》來獲得React Native的更多實戰(zhàn)經驗及技巧未蝌;