JavaScript

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

In App.js, you need to render the data array to the FlatList. Each list item must be a block with the style styles.item. Inside this block, the text corresponding to the list item should be displayed....

New mini project - development of a menu application. Let’s get to work! We’ll use SectionList because the menu has different sections. You can see the prepared data in the file data....

Let’s work out the renderSectionHeader method. It should return the Text element. Display the section’s menuSection property as inner text. Hint: the renderSectionHeader argument will be an object with a section field, the value of which will be an element of the sectionsData array....

Let’s work on the renderItem method. It should return the View element. Element vertical margins should be 10 and horizontal paddings 30. This container must have two children: the first is View and the second is Text....

And so, let’s work through the first child of the container returned from renderItem. We also have this View. Items in it will be displayed in a row, to do this, set the flexDirection property to row....

Let’s work on the second child of the container returned from renderItem. We have this Text. Inside this element, the value of the description field of the list item should be displayed....