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.
Text styles must be styles.itemText.
The list should be horizontal and the scrolling should be paged.

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

App.js

import React from 'react';
import { Text, SafeAreaView, StyleSheet, Dimensions } from 'react-native';

const data = ['Tomoto', 'Cheese', 'Onion'];

function App() {
  return (
    <SafeAreaView style={styles.container}>
      <Text style={styles.header}>Pizza ingredients</Text>
=    </SafeAreaView>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  header: {
    paddingLeft: 20,
    fontSize: 30,
    fontWeight: 'bold',
  },
  item: {
    width: Dimensions.get('screen').width,
    height: 100,
    padding: 20,
  },
  itemText: {
    color: '#fff',
    backgroundColor: "#f4bc40",
    fontWeight: 'bold',
    fontSize: 20,
    paddingVertical: 10,
    paddingLeft: 20
  }
});

export default App;

app.json

{
  "expo": {
    "name": "1",
    "slug": "1",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      }
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}