如何在同一屏幕中点击不同按钮在react native中显示不同的表单

// FormScreen.js

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

const FormScreen = () => {
  const [formType, setFormType] = useState(null);

  const renderForm = () => {
    if (formType === "login") {
      return (
        <View>
          <Text>Login Form</Text>
          {/* Render login form elements */}
          <TextInput placeholder="Username" />
          <TextInput placeholder="Password" secureTextEntry />
        </View>
      );
    } else if (formType === "register") {
      return (
        <View>
          <Text>Register Form</Text>
          {/* Render register form elements */}
          <TextInput placeholder="Username" />
          <TextInput placeholder="Password" secureTextEntry />
          <TextInput placeholder="Email" />
        </View>
      );
    } else {
      return <Text>Please select a form type</Text>;
    }
  };

  return (
    <View>
      <View>
        <Text>Form Types:</Text>
        <Button title="Login" onPress={() => setFormType("login")} />
        <Button title="Register" onPress={() => setFormType("register")} />
      </View>
      {renderForm()}
    </View>
  );
};

export default FormScreen;

// App.js

import React from 'react';
import { View } from 'react-native';
import FormScreen from './FormScreen';

const App = () => {
  return (
    <View>
      <FormScreen />
    </View>
  );
};

export default App;