Prefer StyleSheet.create over giant inline style objects for reusable styles.

Project 3.1: Profile Card

Build a simple profile card with title and bio styles.

Default flex direction in RN is column (top to bottom). Common props:

• flex: 1 — fill available space
• flexDirection: 'row' — left to right
• justifyContent — main axis alignment
• alignItems — cross axis alignment
• gap — spacing between children (newer RN)

Project 3.2: Flexbox Playground

Three colored boxes in a row with space-between. Then try center and space-around.

ScrollView — content taller than the screen. SafeAreaView — avoid notches / home indicators (or use react-native-safe-area-context in Expo).

Project 3.3: Scrollable Bio

Write several paragraphs and scroll them. Confirm nothing hides under the status bar.

Remote images need width/height. For icons, Expo projects often use @expo/vector-icons.

Project 3.4: Photo Gallery row

Horizontal ScrollView with several Image thumbnails.

Project 3.5: Platform Badge

Show a badge that says iOS or Android (or web) based on Platform.OS.