Not-Fat

Aplicativo nutricional, com a finalidade de planejar e monitorar as refeições diárias. Tornando a visualização da dieta fácil e prática.

Passo a passo para criar o projeto

1. Instalar o Expo CLI (linha de comando):

   npm install -g expo-cli

   Caso não funcione

   npm install

2. Criar um novo projeto:

   npx create-expo-app --template blank

3. Entrar na pasta do projeto:

   cd nome-do-app

4. Iniciar o servidor Expo:

   npx expo start

Bibliotecas utilizadas para o inicio do projeto:

1. Biblioteca de icones do Expo

   @expo/vector-icons

2. Navegação entre telas

   npm install @react-navigation/native @react-navigation/native-stack

   npx expo install react-native-screens react-native-safe-area-context

   expo install @react-navigation/bottom-tabs

Ícones

1. Perfil

   import Ionicons from "@expo/vector-icons/Ionicons";

   <Ionicons name="person-outline" size={24} color="black" />

2. Maçã

   import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";

   <MaterialCommunityIcons name="food-apple-outline" size={24} color="black"/>

3. Mais

   import Feather from "@expo/vector-icons/Feather";

   <Feather name="plus" size={24} color="black" />

4. Seta

   import Feather from "@expo/vector-icons/Feather";

   <Feather name="arrow-left" size={24} color="black" />

5. Lupa

   import EvilIcons from "@expo/vector-icons/EvilIcons";

   <EvilIcons name="search" size={24} color="black" />

6. Maior que

   import MaterialIcons from '@expo/vector-icons/MaterialIcons';

   <MaterialIcons name="arrow-forward-ios" size={24} color="black" />

7. Lápis

   import EvilIcons from '@expo/vector-icons/EvilIcons';

   <EvilIcons name="pencil" size={24} color="black" />

8. Menos

   import AntDesign from '@expo/vector-icons/AntDesign';

   <AntDesign name="minus" size={24} color="black" />