René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"[iOS][BottomNavigation][Tabs] Nested Tabs in BottomNavigation wrong layout","articleBody":"**Environment**\r\n - CLI: 6.0.1\r\n - Cross-platform modules: 6.0.1\r\n - Android Runtime: 6.0.0\r\n - iOS Runtime: 6.0.1\r\n\r\n**Describe the bug**\r\nOn iOS when nesting Tabs inside BottomNavigation the layout is wrong. The content of the Tabs tab doesn't get to the bottom of the screen. See the light blue background in the following image:\r\n![Screenshot 2019-07-22 at 10 24 44](https://user-images.githubusercontent.com/3806145/61614196-c9e1b000-ac6b-11e9-9061-0ac7a7261ad0.png)\r\n\r\n**To Reproduce**\r\nHave the following markup:\r\n```\r\n\u003cBottomNavigation\u003e\r\n      \u003cTabStrip\u003e\r\n          \u003cTabStripItem title=\"First\"\u003e\u003c/TabStripItem\u003e\r\n          \u003cTabStripItem title=\"Second\"\u003e\u003c/TabStripItem\u003e\r\n      \u003c/TabStrip\u003e\r\n  \r\n      \u003cTabContentItem\u003e\r\n          \u003cTabs\u003e\r\n            \u003cTabStrip backgroundColor=\"palevioletred\"\u003e\r\n                \u003cTabStripItem title=\"First\"\u003e\u003c/TabStripItem\u003e\r\n                \u003cTabStripItem title=\"Second\"\u003e\u003c/TabStripItem\u003e\r\n            \u003c/TabStrip\u003e\r\n        \r\n            \u003cTabContentItem\u003e\r\n                \u003cGridLayout backgroundColor=\"skyblue\"\u003e\r\n                  \u003cLabel text=\"First View\"/\u003e\r\n                \u003c/GridLayout\u003e\r\n            \u003c/TabContentItem\u003e\r\n        \r\n            \u003cTabContentItem\u003e\r\n                \u003cGridLayout backgroundColor=\"gold\"\u003e\r\n                  \u003cLabel text=\"Second View\" /\u003e\r\n                \u003c/GridLayout\u003e\r\n            \u003c/TabContentItem\u003e\r\n          \u003c/Tabs\u003e\r\n      \u003c/TabContentItem\u003e\r\n  \r\n      \u003cTabContentItem\u003e\r\n          \u003cGridLayout\u003e\r\n            \u003cLabel text=\"Second View\" /\u003e\r\n          \u003c/GridLayout\u003e\r\n      \u003c/TabContentItem\u003e\r\n    \u003c/BottomNavigation\u003e\r\n```\r\n\r\n**Expected behavior**\r\nThe light blue layout should go to bottom and the contents (label) should layout in the safe area between the tabs.\r\n\r\n**Sample project**\r\nVisible in e2e/ui-tests-app -\u003e tabs -\u003e nested-bottom-navigation example\r\n\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/77409716-ios-bottomnavigation-tabs-nested-tabs-in-bottomnavigation-wrong-layout?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/MartoYankov","@type":"Person","name":"MartoYankov"},"datePublished":"2019-07-22T07:34:21.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/7562/NativeScript/issues/7562"}