text: import React, { useEffect, useState } from "react";
  import { View, Text, StyleSheet, StatusBar } from 'react-native';
  
  import api from './services/api';
  
  export default function App(){
      const [projects, setProjects] = useState([]);
  
      useEffect(() => {
          api.get('projects').then(response => {
              console.log(response.data);
              setProjects(response.data);
          })
      }, [])
  
      return (
          <>
              <StatusBar basrStyle="light-content" backgroundColor="#7159c1"/>
              <View style={styles.container}>
                  {projects.map(project => (
                  <Text style={styles.project} key={project.id}>{project.title}</Text>))}
              </View>
          </>
      );
  }
  
  const styles = StyleSheet.create({
      container: {
          flex: 1,
          backgroundColor: '#7159c1',
          justifyContent: 'center',
          alignItems: 'center'
      },
  
      project: {
          color: '#FFF',
          fontSize: 20,
      },
  })