react / react/react-native

iOS "Hide my email" does not set the email in TextInput

Abierto
#38,161 14 comentarios 6 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Component: TextInput Issue: Author Provided Repro Platform: iOS
Lenguaje dominante
C++
Estrellas
127k
Forks
25.3k
Merge medio
1 d 23 h
PR fusionados (30 d)
4

Descripción

Description

I have a TextField that accepts an email address.
<TextInput style={styles.input} value={email} onChangeText={setEmail} textContentType='emailAddress keyboardType='email-address placeholder="Enter email address" />
If I now use the "Hide my email" workflow on iOS instead of entering an email address, the TextInput field remains empty and is not set to the generated email address.

React Native Version

0.72.1

Output of npx react-native info

System:
OS: Windows 10 10.0.19044
CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700K
Memory: 21.01 GB / 31.75 GB
Binaries:
Node:
version: 18.16.1
path: C:\Program Files\nodejs\node.EXE
Yarn:
version: 1.22.19
path: C:\Program Files (x86)\Yarn\bin\yarn.CMD
npm:
version: 9.5.1
path: C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK: Not Found
Windows SDK: Not Found
IDEs:
Android Studio: Not Found
Visual Studio: Not Found
Languages:
Java: Not Found
Ruby: Not Found
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.72.1
wanted: ^0.72.1
react-native-windows: Not Found
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: Not found
newArchEnabled: Not found
iOS:
hermesEnabled: Not found
newArchEnabled: Not found

Steps to reproduce
  • Create a new app
  • `import { TextInput, View, StyleSheet } from "react-native";
    import React, { useState } from "react";

export default function App() {
const [email, setEmail] = useState("");

const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "center",
alignItems: "center",
},
input: {
width: "80%",
height: 40,
borderColor: "gray",
borderWidth: 1,
padding: 10,
},
});

return (



);
}
`

Snack, code example, screenshot, or link to a repository

https://snack.expo.dev/@febis001/hide-my-email

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Reproduce el comportamiento usando el Snack enlazado y el TextInput controlado con textContentType="emailAddress" en iOS. Empieza por la ruta de TextInput de React Native para iOS y sigue el flujo de Hide my email; se considera terminado cuando la dirección generada aparece en el valor del campo y el comportamiento está cubierto por una prueba de regresión.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
ios, react-native
Área
mobile
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
38/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.