From 76584c35eba975be4d7c105ee0c65d11e57bf090 Mon Sep 17 00:00:00 2001 From: Reza_ashrafi Date: Sun, 28 Nov 2021 22:23:22 +0330 Subject: [PATCH] reza added activation and Faq --- navigation.js | 5 +- src/components/Header.js | 4 +- src/components/Or.js | 20 ++++++ src/components/Pressable.js | 2 +- src/components/Search.js | 4 +- src/screens/Activation/index.js | 31 +++++++++ src/screens/Faq/assets/+.png | Bin 0 -> 262 bytes src/screens/Faq/assets/-.png | Bin 0 -> 161 bytes src/screens/{Support => Faq}/assets/bgFaq.png | Bin src/screens/Faq/components/Instance.js | 60 ++++++++++++++++++ src/screens/Faq/index.js | 56 ++++++++++++++++ 11 files changed, 174 insertions(+), 8 deletions(-) create mode 100644 src/components/Or.js create mode 100644 src/screens/Faq/assets/+.png create mode 100644 src/screens/Faq/assets/-.png rename src/screens/{Support => Faq}/assets/bgFaq.png (100%) create mode 100644 src/screens/Faq/components/Instance.js create mode 100644 src/screens/Faq/index.js diff --git a/navigation.js b/navigation.js index dc6f0d6..4ae3972 100644 --- a/navigation.js +++ b/navigation.js @@ -16,7 +16,6 @@ import {useTranslation} from "react-i18next"; import Profile from "./src/screens/Profile"; import Videos from "./src/screens/Videos"; import Exams from "./src/screens/Exams"; -import Activation from "./src/screens/Activation"; const mapStateToProps = state => { return { @@ -43,8 +42,8 @@ function BottomTab(props) { - @@ -17,7 +17,7 @@ export default function Header({icon, title, description, background}) { {title} diff --git a/src/components/Or.js b/src/components/Or.js new file mode 100644 index 0000000..760506d --- /dev/null +++ b/src/components/Or.js @@ -0,0 +1,20 @@ +import React, {useState} from 'react'; +import {View, Text, Dimensions} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; + +const width = Dimensions.get('window').width; + +function Or(props) { + return ( + + + یا + + + ); +} + +export default Or; diff --git a/src/components/Pressable.js b/src/components/Pressable.js index 5b7c77f..cd52ce7 100644 --- a/src/components/Pressable.js +++ b/src/components/Pressable.js @@ -14,7 +14,7 @@ export default function Pressable1({ return ( - + diff --git a/src/screens/Activation/index.js b/src/screens/Activation/index.js index 608a66f..12b545c 100644 --- a/src/screens/Activation/index.js +++ b/src/screens/Activation/index.js @@ -7,9 +7,12 @@ import { Text, Pressable, Image, + TextInput, } from 'react-native'; import tw from 'tailwind-react-native-classnames'; import Header from '../../components/Header'; +import CustomPressable from '../../components/Pressable'; +import Or from '../../components/Or'; import bgQr from './assets/bgQr.png'; import qrIcon from './assets/qr.png'; import alertIcon from './assets/alert.png'; @@ -67,6 +70,34 @@ function Activation(props) { /> + + + + ); diff --git a/src/screens/Faq/assets/+.png b/src/screens/Faq/assets/+.png new file mode 100644 index 0000000000000000000000000000000000000000..258cdbda993fc1f5a693ac64b982ff8618a35f58 GIT binary patch literal 262 zcmeAS@N?(olHy`uVBq!ia0vp^JU}eR!3HEHvj3L@DVAa<&kznEsNqQI0P^>Gx;Tbd z_$Q|*2pUXUF)uNM*-)`f&?{*t`{J1r|DGEd801wL-rOgASAd6CXeYauq@?7o2Cj75 z`A;U;F-WO=;-6vkCw+zUrYOl5e!dF-FV?fQc^iEE|6d|~|D2@#oq;y>`}r@|A3Mw9 z{Nn%rL(eD6svB^Lyb(|Me|iDqWri;WJj%?;X3U5G_x}H9Tyo&Z|G%jfAF5_O?mj5t z^$QwNWf3QZpAQAR81xLh<#|~RW&l0H;OXk; Jvd$@?2>@*RV~YR) literal 0 HcmV?d00001 diff --git a/src/screens/Faq/assets/-.png b/src/screens/Faq/assets/-.png new file mode 100644 index 0000000000000000000000000000000000000000..3013e21c461d1d9f13864c28eb6a833ac3e251f0 GIT binary patch literal 161 zcmeAS@N?(olHy`uVBq!ia0vp^96&6`!3HD+8{&C^6icy_X9x!n)NrJ90QnJ~E{-7@ z!O1BK3=;054bBa54;3cWyUcz2K40YZz73o9|GJX@l}|@wX7vN@3#KtAK7RUd?|ifS zB;Q>D)=Ks`<3H}93{S4x%zt#jUqAkVx5?tXh88~ALyQc!Uy8{$W=UrP?O^b9^>bP0 Hl+XkKEQ~ez literal 0 HcmV?d00001 diff --git a/src/screens/Support/assets/bgFaq.png b/src/screens/Faq/assets/bgFaq.png similarity index 100% rename from src/screens/Support/assets/bgFaq.png rename to src/screens/Faq/assets/bgFaq.png diff --git a/src/screens/Faq/components/Instance.js b/src/screens/Faq/components/Instance.js new file mode 100644 index 0000000..25a0b11 --- /dev/null +++ b/src/screens/Faq/components/Instance.js @@ -0,0 +1,60 @@ +import React, {useState} from 'react'; +import {View, Text, Dimensions, Image, Pressable} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; +import minusIcon from '../assets/-.png'; +import plusIcon from '../assets/+.png'; + +const width = Dimensions.get('window').width; + +function Instance(props) { + const [active, setActive] = useState(false); + return ( + setActive(!active)} + style={[ + tw.style('w-full flex flex-col my-1.5 rounded-md px-4 py-3'), + { + backgroundColor: !active ? '#F9F9F9' : '#F6F9FD', + borderColor: !active ? '#DBDBDB' : '#196EC0', + borderWidth: 1, + }, + ]}> + + + نحوه خرید از سایت چگونه است ؟ + + + + {active && ( + + + هر نفسی که فرو می‌ بریم، مرگی را که مدام به ما دستاندازی می‌کند پس + می‌زند... در نهایت این مرگ است که باید پیروز شود، زیرا از هنگام تولد + بخشی از سرنوشت ما شده و فقط مدت کوتاهی پیش از بلعیدن طعمه اش، با آن + بازی می کند. با این همه، ما تا آنجا که ممکن است، با علاقه فراوان و + دلواپسی + + + )} + + ); +} + +export default Instance; diff --git a/src/screens/Faq/index.js b/src/screens/Faq/index.js new file mode 100644 index 0000000..02ad8c7 --- /dev/null +++ b/src/screens/Faq/index.js @@ -0,0 +1,56 @@ +import React, {useState} from 'react'; +import {View, StyleSheet, Dimensions, ScrollView, Text} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; +import Header from '../../components/Header'; +import Search from '../../components/Search'; +import Instance from './components/Instance'; +import bgFaq from './assets/bgFaq.png'; + +const width = Dimensions.get('window').width; + +function Faq(props) { + const [search, setSearch] = useState(''); + const onChange = (name, value) => {}; + + return ( + +
+ + + + + {[0,1,2,3,4].map((item, index) => ( + + ))} + + + ); +} + +// Later on in your styles.. +const styles = StyleSheet.create({ + contentContainerStyle: { + paddingBottom: 50, + alignItems: 'flex-end', + }, + container: { + width: Dimensions.get('window').width, + backgroundColor: 'white', + flexDirection: 'column', + paddingVertical: 5, + paddingHorizontal: 10, + }, +}); + +export default Faq;