CodeTea.io
Create a vertical view

Create a vertical view

To create a vertical view, drag a view onto the screen, drop child components into it and set its flex direction to vertical (column). Then set align items, auto-wrap height and padding.

1. Drag component view to screen

Create a vertical view – Drag component view to screen: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click expand component
  2. Click component view and drag to screen
  3. Result after drag

2. Drag double text into component view

Create a vertical view – Drag double text into component view: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click and drag component text
  2. Result after drag double component text into component view

3. Set view vertical

Create a vertical view – Set view vertical: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click component parent view
  2. Set flex direction vertical
  3. Set alignItems: center
  4. Set auto wrap height
  5. Custom padding for view