Skip to content

Commit 595e57d

Browse files
committed
udpate passord instructions
1 parent ed5b229 commit 595e57d

File tree

2 files changed

+6
-2
lines changed

2 files changed

+6
-2
lines changed

challenges/foundation/02.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,10 @@ It is always a good idea to **create small components to your project**. In our
128128

129129
## 👽 Bonus
130130

131-
- [ ] Create a better ux for the password with an eye icon
131+
Create a better UX to show/hide the password:
132+
133+
- [ ] Add [a `Checkbox.Item`](https://callstack.github.io/react-native-paper/docs/components/Checkbox/CheckboxItem).
134+
- [ ] Add the prop `secureTextEntry` to the `<TextInput />` password.
135+
- [ ] Add a function to toggle the password visibility.
132136

133137
![password](https://raw.githubusercontent.com/flexbox/react-native-workshop/main/challenges/foundation/password.gif)

hackathon/spacecraft/src/screens/LoginScreen.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import { Header } from "~/components/Header";
1212
export const LoginScreen = () => {
1313
const [email, setEmail] = useState("");
1414
const [password, setPassword] = useState("");
15-
const [checked, setChecked] = React.useState(false);
15+
const [checked, setChecked] = useState(false);
1616

1717
const navigation = useNavigation<any>();
1818
const { setUser } = useAuthentication();

0 commit comments

Comments
 (0)