react / react/react-native

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

Ouverte
#38,161 14 commentaires 6 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Component: TextInput Issue: Author Provided Repro Platform: iOS
Langage dominant
C++
Étoiles
127k
Forks
25.3k
Merge moyen
1 j 23 h
PR mergées (30 j)
4

Description

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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Reproduisez le comportement à l’aide du Snack lié et du TextInput contrôlé avec textContentType="emailAddress" sur iOS. Commencez par le chemin iOS de TextInput dans React Native et suivez le flux Hide my email ; c’est terminé lorsque l’adresse générée apparaît dans la valeur du champ et que le comportement est couvert par un test de régression.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
ios, react-native
Domaine
mobile
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
38/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.