Reza_ashrafi
3 years ago
parent
1fbe8fae3e
commit
3310d24429
21 changed files with 245 additions and 338 deletions
|
After Width: | Height: | Size: 162 KiB |
@ -1,205 +0,0 @@ |
|||||||
import {t} from 'i18next'; |
|
||||||
import React from 'react'; |
|
||||||
import { |
|
||||||
View, |
|
||||||
Text, |
|
||||||
Image, |
|
||||||
Dimensions, |
|
||||||
ScrollView, |
|
||||||
Pressable, |
|
||||||
} from 'react-native'; |
|
||||||
import {Entypo} from '@expo/vector-icons'; |
|
||||||
import CustomPressable from '../../../components/Pressable'; |
|
||||||
import Description from './Description'; |
|
||||||
import LinkBox from './LinkBox'; |
|
||||||
import Comments from './Comments'; |
|
||||||
import Rates from './Rates'; |
|
||||||
import tw from 'tailwind-rn'; |
|
||||||
|
|
||||||
|
|
||||||
const width = Dimensions.get('window').width; |
|
||||||
const height = Dimensions.get('window').height; |
|
||||||
|
|
||||||
export default function Video({product}) { |
|
||||||
return ( |
|
||||||
<ScrollView style={[tw('flex flex-col flex-1')]}> |
|
||||||
<View style={tw('flex flex-col')}> |
|
||||||
<View |
|
||||||
style={[ |
|
||||||
tw( |
|
||||||
'w-full flex flex-row flex-1 justify-between items-center relative overflow-hidden', |
|
||||||
), |
|
||||||
{height: height / 3.8}, |
|
||||||
]}> |
|
||||||
{/* <View |
|
||||||
style={[ |
|
||||||
tw('rounded-full bg-black bg-opacity-20 z-50'), |
|
||||||
{width: 50, height: 50}, |
|
||||||
]}></View> */} |
|
||||||
<Image |
|
||||||
source={product.poster} |
|
||||||
style={tw('w-full rounded-md h-full absolute left-0 top-0')} |
|
||||||
/> |
|
||||||
<Image |
|
||||||
source={{uri: product.imageUrl}} |
|
||||||
style={[ |
|
||||||
tw('rounded-md h-full rounded-md ml-2'), |
|
||||||
{width: 70, height: 100}, |
|
||||||
]} |
|
||||||
/> |
|
||||||
</View> |
|
||||||
|
|
||||||
<View |
|
||||||
style={[ |
|
||||||
tw('flex flex-col flex-1 justify-between'), |
|
||||||
{ |
|
||||||
paddingRight: 10, |
|
||||||
}, |
|
||||||
]}> |
|
||||||
<View style={tw('flex flex-col')}> |
|
||||||
<Text |
|
||||||
style={{ |
|
||||||
marginTop : 5, |
|
||||||
color: '#05335F', |
|
||||||
fontSize: width / 18, |
|
||||||
marginBottom: 5, |
|
||||||
fontFamily : 'bold' |
|
||||||
}}> |
|
||||||
{product.name} |
|
||||||
</Text> |
|
||||||
<Text style={{color: '#196EC0', fontSize: width / 37, marginBottom: 10, fontFamily : 'light'}}> |
|
||||||
{product.grade} |
|
||||||
</Text> |
|
||||||
</View> |
|
||||||
<Text |
|
||||||
style={[ |
|
||||||
tw('text-right w-full'), |
|
||||||
{color: '#323232', fontSize: width / 38, fontFamily : 'light'}, |
|
||||||
]}> |
|
||||||
{product.text} |
|
||||||
</Text> |
|
||||||
</View> |
|
||||||
</View> |
|
||||||
<View |
|
||||||
style={tw( |
|
||||||
'flex flex-row-reverse items-center justify-around py-6', |
|
||||||
)}> |
|
||||||
<View> |
|
||||||
<Text |
|
||||||
style={{ |
|
||||||
color: '#196EC0', |
|
||||||
textAlign: 'center', |
|
||||||
fontSize: width / 37, |
|
||||||
fontFamily: 'light' |
|
||||||
}}> |
|
||||||
{' '} |
|
||||||
{473 + '\n' + 'صفحه'} |
|
||||||
</Text> |
|
||||||
</View> |
|
||||||
<View |
|
||||||
style={{backgroundColor: '#196EC055', height: 20, width: 2}}></View> |
|
||||||
<View> |
|
||||||
<Text |
|
||||||
style={{ |
|
||||||
color: '#196EC0', |
|
||||||
textAlign: 'center', |
|
||||||
fontSize: width / 37, |
|
||||||
fontFamily: 'light' |
|
||||||
}}> |
|
||||||
{' '} |
|
||||||
{'فیزیکی- دیجیتالی - ویدئو' + '\n' + 'در دسترس'} |
|
||||||
</Text> |
|
||||||
</View> |
|
||||||
<View |
|
||||||
style={{backgroundColor: '#196EC055', height: 20, width: 2}}></View> |
|
||||||
<View> |
|
||||||
<Text |
|
||||||
style={{ |
|
||||||
color: '#196EC0', |
|
||||||
textAlign: 'center', |
|
||||||
fontSize: width / 37, |
|
||||||
fontFamily: 'light' |
|
||||||
}}> |
|
||||||
{' '} |
|
||||||
{4.8 + '\n' + 'امتیاز'} |
|
||||||
</Text> |
|
||||||
</View> |
|
||||||
</View> |
|
||||||
<View style={'flex flex-col mt-3'}> |
|
||||||
<Text |
|
||||||
style={[ |
|
||||||
tw('w-full text-right font-medium'), |
|
||||||
{color: '#196EC0', fontSize: width / 36, fontFamily: 'regular'}, |
|
||||||
]}> |
|
||||||
نسخه محصول را انتخاب کنید |
|
||||||
</Text> |
|
||||||
<View style={tw('flex justify-between')}></View> |
|
||||||
</View> |
|
||||||
<View |
|
||||||
style={tw( |
|
||||||
'flex flex-row justify-between flex-wrap py-3', |
|
||||||
)}> |
|
||||||
<CustomPressable |
|
||||||
title={'نسخه فیزیکی'} |
|
||||||
backgroundColor="transparent" |
|
||||||
color={'#196EC0'} |
|
||||||
border={{color: '#196EC0', width: 1}} |
|
||||||
width={'49%'} |
|
||||||
/> |
|
||||||
<CustomPressable |
|
||||||
title={'نسخه دیجیتال'} |
|
||||||
backgroundColor="transparent" |
|
||||||
color={'#196EC0'} |
|
||||||
border={{color: '#196EC0', width: 1}} |
|
||||||
width={'49%'} |
|
||||||
/> |
|
||||||
<CustomPressable |
|
||||||
title={'خرید با قیمت 245.000 تومان'} |
|
||||||
backgroundColor="#196EC0" |
|
||||||
color={'white'} |
|
||||||
border={{color: '#196EC0', width: 0}} |
|
||||||
width={'65%'} |
|
||||||
/> |
|
||||||
<CustomPressable |
|
||||||
title={'مشاهده نمونه'} |
|
||||||
backgroundColor="transparent" |
|
||||||
color={'#196EC0'} |
|
||||||
border={{color: '#196EC0', width: 1}} |
|
||||||
width={'33%'} |
|
||||||
/> |
|
||||||
<Pressable |
|
||||||
style={[ |
|
||||||
tw( |
|
||||||
'w-full rounded-md flex flex-row justify-center items-center py-3.5', |
|
||||||
), |
|
||||||
{backgroundColor: '#196EC01a'}, |
|
||||||
]}> |
|
||||||
<Entypo name="chevron-small-left" size={20} color="#196EC0" /> |
|
||||||
|
|
||||||
<Text |
|
||||||
style={[tw(''), {color: '#275077', fontSize: width / 36, fontFamily : 'light'}]}> |
|
||||||
مشاهده دوره ویدئویی این محصول |
|
||||||
</Text> |
|
||||||
</Pressable> |
|
||||||
</View> |
|
||||||
<Description description={product.description} /> |
|
||||||
<LinkBox title="مشخصات محصول" path="" /> |
|
||||||
<LinkBox title="نقد بررسی و توضیحات تکمیلی محصول" path="" /> |
|
||||||
<LinkBox title="پرسش و پاسخ" path="" /> |
|
||||||
<View |
|
||||||
style={tw( |
|
||||||
'flex flex-row-reverse justify-between items-center my-6', |
|
||||||
)}> |
|
||||||
<Text |
|
||||||
style={[ |
|
||||||
{fontSize: width / 36, color: '#275077', fontFamily: 'regular'}, |
|
||||||
]}> |
|
||||||
امتیازات و نظرات |
|
||||||
</Text> |
|
||||||
<Entypo name="chevron-small-left" size={20} color="#196EC0" /> |
|
||||||
</View> |
|
||||||
<Rates rates={product.rates} /> |
|
||||||
<Comments comments={product.comments} /> |
|
||||||
</ScrollView> |
|
||||||
); |
|
||||||
} |
|
||||||
Loading…
Reference in new issue