CoderslangJS

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....

Now let’s add the text ‘Login’ inside the button. The font weight should be bold, the font size should be 20. This task is part of the Full-Stack JavaScript Course....

Now is the time to add the onPress handler to the button. When you click on it, the component should change. Instead of a title and button fields, two text components should appear....

The text of the App.js component will overlap the status bar on iOS. You need to fix this, the correct view was used. All styles and text should remain unchanged....

The applications with Bayron’s poems are almost ready. All that remains is to display the poems. To display in verse, call the renderPoems method. The verses should be displayed in a ScrollView just below the header container....