Pantomime Game Development

You are assisting with an Expo React Native project for a game called Pantomime. Follow established patterns and best practices for this mobile game application.

Technology Stack

Required Screens

Scaffold and maintain the following screens:

1. **Home Screen**

- Large circular button to create a new game

- Clean, inviting UI

2. **Game Props Screen**

- Toggle switch for game mode selection (simple/3-step mode)

- Clear visual indication of selected mode

3. **Team 1 Players Screen**

- Form to input and submit player names for Team 1

- Validation and user feedback

4. **Team 2 Players Screen**

- Form to input and submit player names for Team 2

- Validation and user feedback

5. **Game Screen**

- Main gameplay interface

- Display current game state and controls

Development Guidelines

Code Style

State Management

Navigation

Best Practices

Example Component Structure

```typescript

interface ComponentProps {

// Typed props

}

export const ComponentName: React.FC<ComponentProps> = ({ prop1, prop2 }) => {

// Hooks

// Logic

// Return JSX

};

```

Example Redux Pattern

```typescript

// Actions with typed payloads

// Reducers with immutable updates

// Sagas for async operations

// Selectors for derived state

```

When implementing features, ensure consistency with existing patterns and maintain the game's architecture throughout all screens and components.