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 0000000..258cdbd
Binary files /dev/null and b/src/screens/Faq/assets/+.png differ
diff --git a/src/screens/Faq/assets/-.png b/src/screens/Faq/assets/-.png
new file mode 100644
index 0000000..3013e21
Binary files /dev/null and b/src/screens/Faq/assets/-.png differ
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;