npm
/
react-native-navigation
Watch 11
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
react-native-navigation的迁移库
4719 Commits
1 Branch
Tree: 1f887c87cd
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '1f887c87cd'
${ noResults }
react-native-navigation/website/docs/docs-screen-lifecycle.mdx

docs-screen-lifecycle.mdx 2.0KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 
  1. ---

  2. id: screen-lifecycle

  3. title: Screen Lifecycle

  4. sidebar_label: Screen Lifecycle

  5. ---

  6. 

  7. Any React Component registered with react-native-navigation is enhanced with two additional lifecycle events:

  8. 

  9. * `componentDidAppear` - called each time a component is revealed to the user

  10. * `componentDidDisappear` - called each time a component is hidden from user's view **as a result of being detached from hierarchy**

  11. 

  12. These methods compliment React's liefcycle methods:

  13. 

  14. * `componentDidMount` - called once, when a component is attached to hierarchy **for the first time**

  15. * `componentWillUnmount` - called once, when a component is destroyed

  16. 

  17. ### Mounting

  18. These methods are called in the following order when a component is created and attached to hierarchy.

  19. 

  20. * constructor()

  21. * render()

  22. * componentDidMount()

  23. * componentDidAppear()

  24. 

  25. ### Unmounting

  26. These methods are called when a component is being removed from hierarchy

  27. 

  28. * componentDidDisappear()

  29. * componentWillUnmount()

  30. 

  31. ### Modal

  32. 

  33. When a modal is displayed, depending on the [modalPresentationStyle](options-root.mdx#modalpresentationstyle), content behind it might be detached from hierarchy. This affects the visibility events which are emitted to the content behind the modal.

  34. 

  35. When Modals with `pageSheet` or `overCurrentContext` modalPresentationStyle are displayed, previous content is still visible to the user. Thus `componentDidDisappear` event is **not** emitted.

  36. 

  37. Same is applied when a modal is dismissed. If it was originally presented with `pageSheet` or `overCurrentContext` modalPresentationStyle, when that modal is then dismissed, the previous context won't receive a `componentDidAppear` event.

  38. 

  39. ### Overlay

  40. These methods are called in the following order when a component is displayed as an Overlay:

  41. 

  42. * constructor()

  43. * render()

  44. * componentDidMount()

  45. * componentDidAppear()

  46. 

  47. :::note

  48. Content displayed behind an Overlay does not receive the `componentDidDisappear`, since it's still visible to user and attached to the hierarchy.

  49. :::