VStack

This component is inherited from Stack

VStack is a specialized, shorthand version for the regular Stack component with a vertical orientation.

<App>
  <VStack>
    <Stack height="32px" width="32px" backgroundColor="red" />
    <Stack height="32px" width="32px" backgroundColor="blue" />
    <Stack height="32px" width="32px" backgroundColor="green" />
  </VStack>
</App>

Example: VStack

<App>
  <VStack>
    <Stack height="32px" width="32px" backgroundColor="red" />
    <Stack height="32px" width="32px" backgroundColor="blue" />
    <Stack height="32px" width="32px" backgroundColor="green" />
  </VStack>
</App>

You cannot change the orientation of VStack from vertical to horizontal by setting the orientation prop, as the engine ignores that setting.