CoderslangJS

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

Let’s practice turning on navigation. The App component must return a navigation container with a stacked navigator. There should only be one screen in the stack named Home. The display of this screen must be the Home component to be imported from screen/Home....

The App component must return a navigation container with a stacked navigator. There should be two screens in the stack - the first named Components, and the second named APIs....

Let’s practice adding transitions between screens The App component must return a navigation container with a stacked navigator. There should be two screens in the stack - the first named Frontend, and the second named Backend....

Now let’s add transitions between screens. From the Frontend screen we should go to the Backend screen when clicking on the Check BE stack button From the Backend screen we should go to the Frontend screen when clicking on the Check FE stack button...