JavaScript

The structure of the stairs is already ready. All that remains is to specify the width of the steps. The width of the bottom step must be the same as the width of the screen....

We need to prepare the bottom navigation markup. Inside a View with styles style.navbar, add four Image elements. These images will be our navigation buttons. Each image must be 40px high and 60px wide....

Add the image https://learn.coderslang.com/lecture-background-image.jpg inside the top-level View container. The image must be in the middle of its container. Image width must be 80% of screen width. The image should be displayed in its entirety in the original aspect ratio....

Your colleague forgot to add a text input handler for the field. Use the onChangeText property. The value entered by the user must be stored in the name variable and displayed in the input....

An input field has been added to <App /> and it has a method called onChange. But the app doesn’t work. Pass the correct handler to onChange to make it work....

The form has already added an email field. Add another message field just below the email address. The field must be multi-line, use the onChange method to handle the input....

Your colleague left a component incomplete. Let’s complete it. All that’s left to do is add a button. Add a standard button Button, the text on the button should be ‘Click me’....

Now let’s try to create a simple registration form App.js already has a screen title. Just below the text heading, add two text input components. Both input fields must be 60px high and 80% of the screen width....

Now let’s add some logic to each field. The placeholder text of the first field should be Enter email, the second should be Enter password. Placeholder text color must be #254441....

We’ll add a button below the fields, which we’ll style ourselves. To do this, we’ll need to use TouchableOpacity. Opacity should be 0.75 when clicked. Button height must be 60px and width 80% of the screen width....