CodeTea.io
Create a SwiftUI project

Create a SwiftUI project

To build an iOS screen with CodeTea: start a new project, enter the project info, add a new screen, edit the layout in the workspace and export the SwiftUI code.

1. Start new project

Create a SwiftUI project – Start new project: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click button new to start

2. Input info project

Create a SwiftUI project – Input info project: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Input name project
  2. Select framework SwiftUI
  3. Press button Create

3. Click new screen

Create a SwiftUI project – Click new screen: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click to new screen

4. Input info new screen

Create a SwiftUI project – Input info new screen: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Input name screen
  2. Create screen empty
  3. Create from template layout
  4. Click button create

5. Edit layout

Create a SwiftUI project – Edit layout: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Tree view to view list component
  2. Component and control
  3. Edit properties component

6. Export code

Create a SwiftUI project – Export code: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click tab export
  2. Click view file to view all source
  3. Mini copy file swiftUI
  4. Break functions
  5. Guide detail

7. Final export

Create a SwiftUI project – Final export: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. View list file
  2. File code
  3. Screen view
  4. Download all source
  5. Copy file