Logo

CHStack

This component is inherited from Stack
See also: CVStack, HStack, VStack
CHStack is a specialized, shorthand version for the regular Stack component that has a horizontal orientation with its contents centered.
<App>
  <CHStack backgroundColor="cyan">
    <Stack height="32px" width="32px" backgroundColor="red" />
    <Stack height="32px" width="32px" backgroundColor="blue" />
    <Stack height="32px" width="32px" backgroundColor="green" />
  </CHStack>
</App>
Example: CHStack
<App>
  <CHStack backgroundColor="cyan">
    <Stack height="32px" width="32px" backgroundColor="red" />
    <Stack height="32px" width="32px" backgroundColor="blue" />
    <Stack height="32px" width="32px" backgroundColor="green" />
  </CHStack>
</App>
You cannot change the orientation of CHStack from horizontal to vertical by setting the orientation prop, as the engine ignores that setting.
This site is an XMLUI™ app.