# Item List
### `Light`
### `Dark`
```js
import React from 'react';
import {
View,
Text,
FlatList,
Image,
TouchableOpacity,
SafeAreaView,
useColorScheme,
} from 'react-native';
import { Data } from './Data';
const ItemList = () => {
const colorScheme = useColorScheme();
const isDarkMode = colorScheme === 'dark';
const backgroundColor = isDarkMode ? '#000' : '#fff';
const textColor = isDarkMode ? '#fff' : '#000';
const renderItem = ({ item }) => (
![]()
);
return (
item.id.toString()}
renderItem={renderItem}
extraData={Data}
/>
);
};
export default ItemList;
```
### `Dark`
```js
import React from 'react';
import {
View,
Text,
FlatList,
Image,
TouchableOpacity,
SafeAreaView,
useColorScheme,
} from 'react-native';
import { Data } from './Data';
const ItemList = () => {
const colorScheme = useColorScheme();
const isDarkMode = colorScheme === 'dark';
const backgroundColor = isDarkMode ? '#000' : '#fff';
const textColor = isDarkMode ? '#fff' : '#000';
const renderItem = ({ item }) => (