react_native_ecommerce_product_card_component_quickstart.ts

1import React from 'react';
2import { View, StyleSheet, SafeAreaView } from 'react-native';
3import { ProductCard } from 'react-native-ecommerce-components';
4
5const App: React.FC = () => {
6  return (
7    <SafeAreaView style={styles.container}>
8      <View style={styles.content}>
9        <ProductCard
10          title="Sample Product"
11          price={29.99}
12          image="https://via.placeholder.com/150"
13          onPress={() => console.log('Product Pressed')}
14          currency="$"
15        />
16      </View>
17    </SafeAreaView>
18  );
19};
20
21const styles = StyleSheet.create({
22  container: {
23    flex: 1,
24    backgroundColor: '#fff',
25  },
26  content: {
27    padding: 16,
28    justifyContent: 'center',
29    alignItems: 'center',
30  },
31});
32
33export default App;