Title: [BottomNavigation][iOS] created dynamically does not show tabstrip · Issue #7433 · NativeScript/NativeScript · GitHub
Open Graph Title: [BottomNavigation][iOS] created dynamically does not show tabstrip · Issue #7433 · NativeScript/NativeScript
X Title: [BottomNavigation][iOS] created dynamically does not show tabstrip · Issue #7433 · NativeScript/NativeScript
Description: When creating BottomNavigation via code-behind, the TabStrip is not visible (but it is tappable and working - e.g., it changes the selectedIndex and the TabContentItem). Steps to reproduce: Use this sample app or create a BottomNavigatio...
Open Graph Description: When creating BottomNavigation via code-behind, the TabStrip is not visible (but it is tappable and working - e.g., it changes the selectedIndex and the TabContentItem). Steps to reproduce: Use thi...
X Description: When creating BottomNavigation via code-behind, the TabStrip is not visible (but it is tappable and working - e.g., it changes the selectedIndex and the TabContentItem). Steps to reproduce: Use thi...
Opengraph URL: https://github.com/NativeScript/NativeScript/issues/7433
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"[BottomNavigation][iOS] created dynamically does not show tabstrip","articleBody":"When creating `BottomNavigation` via code-behind, the `TabStrip` is not visible (but it is tappable and working - e.g., it changes the **selectedIndex** and the **TabContentItem**).\r\n\r\nSteps to reproduce:\r\n- Use [this sample app](https://github.com/NickIliev/NS-Issues-2019-I/tree/master/test/bottomNavigation) or create a [BottomNavigation ](https://github.com/NickIliev/NS-Issues-2019-I/blob/master/test/bottomNavigation/app/main-page.ts#L8-L52)dynamically\r\n- [Create ](https://github.com/NickIliev/NS-Issues-2019-I/blob/master/test/bottomNavigation/app/main-page.ts#L27-L36)and [assign ](https://github.com/NickIliev/NS-Issues-2019-I/blob/master/test/bottomNavigation/app/main-page.ts#L42)a TabStrip to our BottomNavigation component.\r\n\r\nAs a result, the component will show and work on Android, but on iOS it will not show the tab strip.\r\n\r\nRelated to [https://github.com/NativeScript/NativeScript/issues/6967](https://github.com/NativeScript/NativeScript/issues/6967)\r\n\r\n\u003cbountysource-plugin\u003e\r\n\r\n---\r\nWant to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/76302293-bottomnavigation-ios-created-dynamically-does-not-show-tabstrip?utm_campaign=plugin\u0026utm_content=tracker%2F12908224\u0026utm_medium=issues\u0026utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin\u0026utm_content=tracker%2F12908224\u0026utm_medium=issues\u0026utm_source=github).\r\n\u003c/bountysource-plugin\u003e","author":{"url":"https://github.com/NickIliev","@type":"Person","name":"NickIliev"},"datePublished":"2019-07-01T11:30:02.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/7433/NativeScript/issues/7433"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:1942014a-18d1-6370-5fc7-080894a1a03a |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | BCAA:1EF577:11B4CEA:181975F:6972A0AB |
| html-safe-nonce | 55e5beeff15121adea204b2308014a6e2c3ee4305b87d028d81e52d5d0b016c2 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJCQ0FBOjFFRjU3NzoxMUI0Q0VBOjE4MTk3NUY6Njk3MkEwQUIiLCJ2aXNpdG9yX2lkIjoiMzMzNTY5NjUyNjk4NTA0NDEzOSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | a0e46a06e426385c2951dddefa27d9f6277212abc4a3f17854185ef18470523c |
| hovercard-subject-tag | issue:462661273 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/NativeScript/7433/issue_layout |
| twitter:image | https://opengraph.githubassets.com/c1a1eb294f14e84fe2f0c74fc13b087a3b9d71c1e1df720e3b186c5db68aa8dd/NativeScript/NativeScript/issues/7433 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/c1a1eb294f14e84fe2f0c74fc13b087a3b9d71c1e1df720e3b186c5db68aa8dd/NativeScript/NativeScript/issues/7433 |
| og:image:alt | When creating BottomNavigation via code-behind, the TabStrip is not visible (but it is tappable and working - e.g., it changes the selectedIndex and the TabContentItem). Steps to reproduce: Use thi... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | NickIliev |
| hostname | github.com |
| expected-hostname | github.com |
| None | 72bb1c46bb1ebdc0dc83a0a57b64c3b4d668c125d1125d94898213a4c9db8da2 |
| turbo-cache-control | no-preview |
| go-import | github.com/NativeScript/NativeScript git https://github.com/NativeScript/NativeScript.git |
| octolytics-dimension-user_id | 7392261 |
| octolytics-dimension-user_login | NativeScript |
| octolytics-dimension-repository_id | 31492490 |
| octolytics-dimension-repository_nwo | NativeScript/NativeScript |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 31492490 |
| octolytics-dimension-repository_network_root_nwo | NativeScript/NativeScript |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | e746f1a3ddb5c0a91290ff3d5889b5247e0e519e |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width