File tree Expand file tree Collapse file tree 2 files changed +6
-2
lines changed
hackathon/spacecraft/src/screens Expand file tree Collapse file tree 2 files changed +6
-2
lines changed Original file line number Diff line number Diff line change @@ -128,6 +128,10 @@ It is always a good idea to **create small components to your project**. In our
128
128
129
129
## 👽 Bonus
130
130
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.
132
136
133
137
![ password] ( https://raw.githubusercontent.com/flexbox/react-native-workshop/main/challenges/foundation/password.gif )
Original file line number Diff line number Diff line change @@ -12,7 +12,7 @@ import { Header } from "~/components/Header";
12
12
export const LoginScreen = ( ) => {
13
13
const [ email , setEmail ] = useState ( "" ) ;
14
14
const [ password , setPassword ] = useState ( "" ) ;
15
- const [ checked , setChecked ] = React . useState ( false ) ;
15
+ const [ checked , setChecked ] = useState ( false ) ;
16
16
17
17
const navigation = useNavigation < any > ( ) ;
18
18
const { setUser } = useAuthentication ( ) ;
You can’t perform that action at this time.
0 commit comments