详解ReactNative组件生命周期

了解一个组件的生命周期,很重要,在一些细节处理上,生命周期不同阶段,调用的方法很不相同。 对于ReactNative 所有的生命周期,可以看图:
图2-7.png

文章可参考ReactNative组件生命周期

我在本问主要介绍ReactNative不同页面切换时,生命周期方法的调用顺序。

屏幕快照 2019-08-08 下午8.42.21.png

主要针对中间(页面二),进行讲解,分为四个步骤:

步骤A 页面一push出页面二,页面二调用:

componentWillMount
componentDidMount

步骤B 页面二push出页面三, 页面二调用:

步骤C 页面三pop自己,到页面二, 页面二调用:

componentWillReceiveProps
shouldComponentUpdate

步骤D 页面二pop自己,到页面一, 页面二调用:

componentWillUnmount

我个人觉得当前这些方法其实是不够用的,未来和ReactNative相关的开源框架会越来越多,页面间通信这块处理也会更方便。

推荐学习携程开源框架CRN

推荐阅读更多精彩内容