react-native-navigation的迁移库

layout-splitView.mdx 1.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. ---
  2. id: layout-splitView
  3. title: SplitView
  4. sidebar_label: SplitView
  5. ---
  6. A container view controller implementing a master-detail interface. See [UISplitViewController docs](https://developer.apple.com/documentation/uikit/uisplitviewcontroller).
  7. Currently implemented only in iOS.
  8. ```js
  9. {
  10. id: 'PROFILE_TAB',
  11. master: {
  12. component: {
  13. id: 'MASTER_SCREEN',
  14. name: 'MasterScreen'
  15. }
  16. },
  17. detail: {
  18. component: {
  19. id: 'DETAIL_SCREEN',
  20. name: 'DetailScreen'
  21. }
  22. }
  23. }
  24. ```
  25. ## `id`
  26. | Type | Required | Description |
  27. | ------ | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
  28. | string | No | Unique id used to interact with the view via the Navigation api, usually `Navigation.mergeOptions` which accepts the componentId as it's first argument. |
  29. ## `master`
  30. | Type | Required | Description |
  31. | ------------------ | -------- | ----------------------------------------------- |
  32. | [Layout](layout-layout.mdx) | YES | Set master layout (the smaller screen, sidebar) |
  33. ## `detail`
  34. | Type | Required | Description |
  35. | ------------------ | -------- | --------------------------------------------- |
  36. | [Layout](layout-layout.mdx) | YES | Set detail layout (the larger screen, flexes) |
  37. ## `options`
  38. | Type | Required | Description |
  39. | ----------------------- | -------- | ----------------------------------------------- |
  40. | [Options](options-root.mdx) | No | dynamic options which will apply to all screens |