App.tsx

import {
  StyleSheet,
  View,
  StatusBar,
  TextInput,
  SafeAreaView,
  Text,
  Button,
  Keyboard,
} from "react-native";

const formInputValues = {
  email: "",
  sifre: "",
  tc: "",
};

export default function App() {
  const kayitOl = () => {
    console.log(formInputValues);
    Keyboard.dismiss();
  };
  return (
    <SafeAreaView style={styles.container}>
      <StatusBar barStyle={"dark-content"} backgroundColor={"green"} />
      <View style={styles.inputContainer}>
        <Text>Email</Text>
        <TextInput
          style={styles.input}
          placeholder="Email adresinizi giriniz"
          placeholderTextColor={"#aaa"}
          keyboardType="email-address"
          autoCapitalize="none"
          autoComplete="off"
          autoCorrect={false}
          onChangeText={(text) => {
            formInputValues.email = text;
          }}
        />
        <Text>Sifre</Text>
        <TextInput
          style={styles.input}
          placeholder="Sifrenizi giriniz"
          placeholderTextColor={"#aaa"}
          secureTextEntry={true}
          onChangeText={(password) => {
            formInputValues.sifre = password;
          }}
        />
        <Text>Kimlik Numaraniz</Text>
        <TextInput
          style={styles.input}
          placeholder="Kimlik numaranizi giriniz"
          placeholderTextColor={"#aaa"}
          keyboardType="number-pad"
          returnKeyType="send"
          onChangeText={(kimlikNo) => {
            formInputValues.tc = kimlikNo;
          }}
        />
        <Button title="Kayit ol" onPress={() => kayitOl()}></Button>
      </View>
    </SafeAreaView>
  );
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  input: {
    backgroundColor: "#eee",
    padding: 10,
    marginTop: 6,
    color: "black",
    fontSize: 16,
    marginBottom: 20,
  },
  inputContainer: {
    marginLeft: 20,
    marginRight: 20,
  },
});