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