App.tsx

const FirstRoute = () => (
  <View
    style={{
      flex: 1,
      backgroundColor: 'rgba(0, 0, 0, 0.64)',
      justifyContent: 'center',
      alignItems: 'center',
    }}>
    <Text style={{color: 'white', fontSize: 24}}>First page</Text>
  </View>
);

const SecondRoute = () => (
  <View
    style={{
      flex: 1,
      backgroundColor: 'rgba(0, 0, 0, 0.64)',
      justifyContent: 'center',
      alignItems: 'center',
    }}>
    <Text style={{color: 'white', fontSize: 24}}>Second page</Text>
  </View>
);