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;