我想用React Native中的按钮移动屏幕

import React, { useState } from 'react';
import { View, Button, StyleSheet } from 'react-native';

const [position, setPosition] = useState({ x: 0, y: 0 });

const moveScreen = (direction) => {
  let newPosition;
  if (direction === 'left') {
    newPosition = { x: position.x - 10, y: position.y };
  } else if (direction === 'right') {
    newPosition = { x: position.x + 10, y: position.y };
  } else if (direction === 'up') {
    newPosition = { x: position.x, y: position.y - 10 };
  } else if (direction === 'down') {
    newPosition = { x: position.x, y: position.y + 10 };
  }
  setPosition(newPosition);
};

<View style={styles.container}>
  <Button title="Left" onPress={() => moveScreen('left')} />
  <Button title="Right" onPress={() => moveScreen('right')} />
  <Button title="Up" onPress={() => moveScreen('up')} />
  <Button title="Down" onPress={() => moveScreen('down')} />
</View>

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