Fix child layout documentation (#6110)

website/api/layout-BottomTabs.mdx

@@ -16,16 +16,18 @@ A container view for managing a radio-style selection interface, where a selecti
         name: 'HomeScreen'
       }
     },
-    stack: {
-      id: 'PROFILE_TAB',
-      children: [
-        {
-          component: {
-            id: 'PROFILE_SCREEN',
-            name: 'ProfileScreen'
+    {
+      stack: {
+        id: 'PROFILE_TAB',
+        children: [
+          {
+            component: {
+              id: 'PROFILE_SCREEN',
+              name: 'ProfileScreen'
+            }
           }
-        }
-      ]
+        ]
+      }
     }
   ]
 }

website/docs/docs-bottomTabs.mdx

@@ -39,19 +39,21 @@ bottomTabs: {
         }
       }
     },
-    stack: {
-      id: 'PROFILE_TAB',
-      children: [
-        {
-          component: {
-            id: 'PROFILE_SCREEN',
-            name: 'ProfileScreen'
+    {
+      stack: {
+        id: 'PROFILE_TAB',
+        children: [
+          {
+            component: {
+              id: 'PROFILE_SCREEN',
+              name: 'ProfileScreen'
+            }
+          }
+        ],
+        options: {
+          bottomTab: {
+            icon: require('./profile.png')
           }
-        }
-      ],
-      options: {
-        bottomTab: {
-          icon: require('./profile.png')
         }
       }
     }

website/docs/docs-root.mdx

@@ -84,32 +84,38 @@ Navigation.setRoot({
   root: {
     bottomTabs: {
       children: [
-        stack: {
-          children: [
-            {
-              component: {
-                name: 'FEED_SCREEN'
+        {
+          stack: {
+            children: [
+              {
+                component: {
+                  name: 'FEED_SCREEN'
+                }
               }
-            }
-          ]
+            ]
+          }
         },
-        stack: {
-          children: [
-            {
-              component: {
-                name: 'CHAT_LIST'
+        {
+          stack: {
+            children: [
+              {
+                component: {
+                  name: 'CHAT_LIST'
+                }
               }
-            }
-          ]
+            ]
+          }
         },
-        stack: {
-          children: [
-            {
-              component: {
-                name: 'PROFILE_SCREEN'
+        {
+          stack: {
+            children: [
+              {
+                component: {
+                  name: 'PROFILE_SCREEN'
+                }
               }
-            }
-          ]
+            ]
+          }
         }
       ]
     }
@@ -129,7 +135,11 @@ Navigation.setRoot({
       center: {
         stack: {
           children: [
-            name: 'HOME_SCREEN'
+            {
+              component: {
+                name: 'HOME_SCREEN'
+              }
+            }
           ]
         }
       },

website/docs/style-theme.mdx

@@ -24,7 +24,7 @@ Navigation.setDefaultOptions({
 // That stack's topBar background color will be red, as is set in default options
 Navigation.setRoot({
   root: {
-    stack :{
+    stack: {
       children: [
         ...
       ]