Блог

я создаю форму входа в expo прямо сейчас, у меня есть это в ./screens/HomeOneScreen.tsx

 import * as React from 'react';
import { Image, StyleSheet, TouchableOpacity, TextInput } from 'react-native';

import EditScreenInfo from '../components/EditScreenInfo';
import { Text, View } from '../components/Themed';

export default function HomeOneScreen() {
  const [email, onChangeText] = React.useState('Email');
  const [password, onChangeText]= React.useState('Password');
  return (
    <View style={styles.container}>
    <TextInput
        style={{width: 200, height:40, borderColor: 'gray', borderWidth: 1}}
        onChangeText={text=> onChangeText(text)}
        email={email}
    /><Text>{email}</Text>
    <TextInput
        style={{width: 200, height:40, borderColor: 'gray', borderWidth: 1}}
        onChangeText={text=> onChangeText(text)}
        password={password}
    />
    <Text>{password}</Text>
      <View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  title: {
    fontSize: 20,
    fontWeight: 'bold',
  },
  separator: {
    marginVertical: 30,
    height: 1,
    width: '80%',
  },
  logo: {
    width: 50,
    height: 50,
marginBottom: 10,
  },
    instructions: {
        color: '#888',
        fontSize: 18,
        marginHorizontal: 15,
    },
    button: {
        backgroundColor: "cyan",
        padding: 20,
        borderRadius: 5,
    },
    buttongreen: {
        backgroundColor: "lime",
        padding: 20,
        borderRadius: 5,
    },
    buttonyellow: {
        backgroundColor: "yellow",
        padding: 20,
        borderRadius: 5,
    },
    buttonText: {
        fontSize: 20,
        color: '#000',
    },
});

 

Но, похоже, ему не нравится мой двойной onChangeText :
Идентификатор ‘onChangeText’ уже объявлен.

Когда я заменяю onChangeText на onChangeText2 в поле пароля, приложение загружается, но пароль не распознается в переменной печати password.

Где и как я могу поместить поле пароля?

Обнаружил, что он заменяет onChangeText на onChangeText2, кроме как здесь:

     <TextInput
        style={{width: 200, height:40, borderColor: 'gray', borderWidth: 1}}
        onChangeText={text=> onChangeText2(text)}
        password={password}
    />