CodeTea.io
Create a horizontal view

Create a horizontal view

To create a horizontal view, drag a view onto the screen, drop child components into it and set its flex direction to horizontal (row). Then set justify content, auto-wrap height and padding.

1. Drag component view to screen

Create a horizontal 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 horizontal 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 horizontal

Create a horizontal view – Set view horizontal: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click component parent view
  2. Set flex direction horizontal
  3. Set justify content: space-between
  4. Set auto wrap height
  5. Custom padding for view