如何在react-native应用程序中设计固定的登录屏幕如果用户尝试移动或滚动屏幕，它不会上下移动

import React from 'react';
import { View, Text, TextInput, StyleSheet } from 'react-native';

const LoginScreen = () => {
  return (
    <View style={styles.container}>
      <Text style={styles.title}>登录</Text>
      <TextInput style={styles.input} placeholder="请输入用户名" />
      <TextInput style={styles.input} placeholder="请输入密码" secureTextEntry={true} />
      <Button title="登录" onPress={() => {}} />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    position: 'absolute',
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
  },
  title: {
    fontSize: 24,
    fontWeight: 'bold',
    marginBottom: 20,
  },
  input: {
    width: '80%',
    height: 40,
    borderWidth: 1,
    borderColor: 'gray',
    marginBottom: 10,
    paddingHorizontal: 10,
  },
});

export default LoginScreen;