Instacats App

Getting Started

Official Getting Started using Expo:

npm install -g expo-cli
expo init InstaCats
cd InstaCats
git add . && git commit -m "Initial commit"
expo start

Opening app

• Device
  • Install Expo app in your phone
• Simulator
  • click 'Run on iOS simulator'

Explaining App.js

• View, Text components
• flexbox
  • flex: 1, 0.5
  • default direction
  • alignments

Project Organization

• Create src folder with:
  • components
  • screens

Steps

• Implement HomeScreen with image and description
• Extract PostCard component
• Add header to PostCard with avatarImage and username
• Display multiple posts with ScrollView
• Add SafeAreaView inside ScrollView
• Convert HomeScreen to use FlatList