CodeTea.io
Create a Flutter project

Create a Flutter project

To build a Flutter screen with CodeTea: start a new project, enter the project info, add a new screen, edit the layout in the workspace and export the Flutter (Dart) code.

1. Start new project

Create a Flutter 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 Flutter project – Input info project: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Input name project
  2. Select framework flutter
  3. Press button Create

3. Click new screen

Create a Flutter 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 Flutter 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 Flutter 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 Flutter 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 flutter
  4. Break functions
  5. Guide detail

7. Final export

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