CodeTea.io
Create a React Native project

Create a React Native project

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

1. Start new project

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

3. Click new screen

Create a React Native 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 React Native 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 React Native 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 React Native 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
  4. Guide detail

7. Final export

Create a React Native 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