Reza_ashrafi
3 years ago
parent
26c33c70ca
commit
388573268f
22 changed files with 419 additions and 222 deletions
@ -1,70 +1,111 @@ |
||||
import React from 'react'; |
||||
import {View, Text, Dimensions, Image} from 'react-native'; |
||||
import tw from 'tailwind-rn'; |
||||
import fontSize from '../../../constants/fontSize'; |
||||
import _ from 'lodash'; |
||||
import React from "react"; |
||||
import { View, Text, Dimensions, Image, Appearance } from "react-native"; |
||||
|
||||
const width = Dimensions.get('window').width; |
||||
//style
|
||||
import tw from "tailwind-rn"; |
||||
import fontSize from "../../../constants/fontSize"; |
||||
import Colors from "../../../constants/Colors"; |
||||
|
||||
import _ from "lodash"; |
||||
|
||||
const width = Dimensions.get("window").width; |
||||
|
||||
export default function Book({ book }) { |
||||
const colorScheme = Appearance.getColorScheme(); |
||||
return ( |
||||
<View |
||||
style={[ |
||||
tw('w-full flex flex-row-reverse justify-between py-3'), |
||||
{borderBottomWidth: 1, borderColor: '#86A0B933'}, |
||||
]}> |
||||
<View style={tw('flex flex-row-reverse items-center flex-1')}> |
||||
tw("w-full flex flex-row-reverse justify-between py-3"), |
||||
{ |
||||
borderBottomWidth: 1, |
||||
borderColor: Colors.theme1[colorScheme].grayE3, |
||||
}, |
||||
]} |
||||
> |
||||
<View style={tw("flex flex-row-reverse items-center flex-1")}> |
||||
<Image |
||||
source={book} |
||||
style={[ |
||||
tw('rounded-md'), |
||||
{width: width / 5, height: width / 5 * (4 / 2.8)}, |
||||
tw("rounded-md"), |
||||
{ width: width / 5, height: (width / 5) * (4 / 2.8) }, |
||||
]} |
||||
/> |
||||
<View style={tw('flex flex-col items-end mr-2')}> |
||||
<View style={tw("flex flex-col items-end mr-2")}> |
||||
<Text |
||||
style={[ |
||||
{fontSize: fontSize.base, color: '#05335F', fontFamily: 'regular'}, |
||||
]}> |
||||
{ |
||||
fontSize: fontSize.base, |
||||
color: Colors.theme1[colorScheme].green79, |
||||
fontFamily: "bold", |
||||
}, |
||||
]} |
||||
> |
||||
علوم اجتماعی |
||||
</Text> |
||||
<Text |
||||
style={[ |
||||
tw(' mt-2'), |
||||
{fontSize: fontSize.sm, color: '#707070', fontFamily: 'light'}, |
||||
]}> |
||||
tw(" mt-2"), |
||||
{ |
||||
fontSize: fontSize.sm, |
||||
color: Colors.theme1[colorScheme].gray20 + "aa", |
||||
fontFamily: "regular", |
||||
}, |
||||
]} |
||||
> |
||||
پایه دوم |
||||
</Text> |
||||
<Text |
||||
style={[ |
||||
tw(' mt-1'), |
||||
{fontSize: fontSize.sm, color: '#05335F', fontFamily: 'light'}, |
||||
]}> |
||||
tw(" mt-1"), |
||||
{ |
||||
fontSize: fontSize.sm, |
||||
color: Colors.theme1[colorScheme].greenBA, |
||||
fontFamily: "regular", |
||||
}, |
||||
]} |
||||
> |
||||
نسخه دیجیتال |
||||
</Text> |
||||
</View> |
||||
</View> |
||||
<View style={tw('flex flex-row-reverse items-center')}> |
||||
<View style={tw("flex flex-row-reverse items-center")}> |
||||
<Text |
||||
style={[ |
||||
tw(' py-1 px-3 rounded-sm'), |
||||
tw(" py-1 px-3 rounded-sm"), |
||||
{ |
||||
color: '#132F52', |
||||
color: "#132F52", |
||||
fontSize: fontSize.xl, |
||||
backgroundColor: '#F1F1F1', |
||||
fontFamily: 'bold' |
||||
backgroundColor: "#F1F1F1", |
||||
fontFamily: "bold", |
||||
}, |
||||
]}> |
||||
]} |
||||
> |
||||
1 |
||||
</Text> |
||||
<View style={tw("flex flex-row items-center")}> |
||||
<Text |
||||
style={{ |
||||
fontFamily: "regular", |
||||
fontSize: fontSize.sm, |
||||
color: Colors.theme1[colorScheme].green79, |
||||
}} |
||||
> |
||||
تومان |
||||
</Text> |
||||
<Text |
||||
style={[ |
||||
tw(' mr-3'), |
||||
{color: '#132F52', fontSize: fontSize.base, fontFamily: 'regular'}, |
||||
]}> |
||||
126.000 تومان |
||||
tw(" mr-3"), |
||||
{ |
||||
color: Colors.theme1[colorScheme].green79, |
||||
fontSize: fontSize.xl, |
||||
fontFamily: "bold", |
||||
}, |
||||
]} |
||||
> |
||||
126.000 |
||||
</Text> |
||||
</View> |
||||
</View> |
||||
</View> |
||||
); |
||||
} |
||||
|
||||
|
Before Width: | Height: | Size: 241 B |
|
After Width: | Height: | Size: 643 B |
Loading…
Reference in new issue