App.tsx

import React, {useState} from 'react';
import {Button, View, Text, StyleSheet} from 'react-native';
import DebugImageScreen from './components/DebugImageScreen';
import DebugFastImageScreen from './components/DebugFastImageScreen';
import HomeScreen from './components/HomeScreen';

export default function App() {
  const [currentScreen, setCurrentScreen] = useState('home');

  if (currentScreen === 'screen1') {
    return <DebugImageScreen onGoBack={() => setCurrentScreen('home')} />;
  }
  if (currentScreen === 'screen2') {
    return <DebugFastImageScreen onGoBack={() => setCurrentScreen('home')} />;
  }

  return (
    <HomeScreen
      onOpenScreen1={() => setCurrentScreen('screen1')}
      onOpenScreen2={() => setCurrentScreen('screen2')}
    />
  );
}

const styles = StyleSheet.create({
  container: {flex: 1, justifyContent: 'center', alignItems: 'center'},
  text: {fontSize: 20, fontWeight: 'bold'},
});