Review Screen template in react native (1 Viewer)

[tempcp001]

import React, { useState, useEffect } from 'react';
import { View, FlatList } from 'react-native';
import ReviewCard from './card';
const ReviewsScreen = () => {
const [reviews, setReviews] = useState([]);
useEffect(() => {
// Dummy data
const dummyData = [
{ id: '1', username: 'User1', review: 'Review 1', rating: 4, createdAt: '2023-05-01' },
{ id: '2', username: 'User2', review: 'Review 2', rating: 5, createdAt: '2023-05-05' },
{ id: '3', username: 'User3', review: 'Review 3', rating: 3, createdAt: '2023-05-10' },
];
setReviews(dummyData);
}, []);
return (
<View>
<FlatList
data={reviews}
keyExtractor={item => item.id}
renderItem={({ item }) => <ReviewCard review={item} />}
/>
</View>
);
};
export default ReviewsScreen;

Click to read more...