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.
The justifyContent property must be equal to space-between.
This View must contain two Text elements.
The first should output the name field of the list item, the second should output the price.
Hint: as the argument renderItem there will be an object with the field item, the value of which will be an element of the array data, for each section sectionsData.
The font size of each element must be 20.
The right padding of the first text element must be 20, the text must be bold.
The width of the first text element must be 70% of the width of the screen.
This task is part of the Full-Stack JavaScript Course.
If you have any issues with it, you can ask for community help below the post.
Feel free to help others if you’ve already solved the task.