了解一个组件的生命周期,很重要,在一些细节处理上,生命周期不同阶段,调用的方法很不相同。 对于ReactNative 所有的生命周期,可以看图:
文章可参考ReactNative组件生命周期
我在本问主要介绍ReactNative不同页面切换时,生命周期方法的调用顺序。
主要针对中间(页面二),进行讲解,分为四个步骤:
步骤A 页面一push出页面二,页面二调用:
componentWillMount
componentDidMount
步骤B 页面二push出页面三, 页面二调用:
无
步骤C 页面三pop自己,到页面二, 页面二调用:
componentWillReceiveProps
shouldComponentUpdate
步骤D 页面二pop自己,到页面一, 页面二调用:
componentWillUnmount
我个人觉得当前这些方法其实是不够用的,未来和ReactNative相关的开源框架会越来越多,页面间通信这块处理也会更方便。
推荐学习携程开源框架CRN