-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathApp.js
77 lines (71 loc) · 4.47 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
import { setStatusBarStyle, StatusBar } from "expo-status-bar";
import React from "react";
import {
StyleSheet,
Text,
View,
TextInput,
Button,
SafeAreaView,
ScrollView,
Image,
Pressable,
} from "react-native";
import Svg, { Path } from "react-native-svg";
import CircleArea from "./components/circleArea";
import Style from "./App.scss";
export default function App(props) {
const [text, onChangeText] = React.useState("Useless Text");
const [number, onChangeNumber] = React.useState(null);
return (
<SafeAreaView style={Style.container}>
<Svg
width={65}
height={42}
style={Style.header_logo}
viewBox="0 0 65 42"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fill="#FE3A56"
d="M59.114 9.056c-5.733 0-9.72 7.184-9.72 12.923 0 .713.068 1.41.205 2.068a.406.406 0 01-.16.418c-.606.425-1.26.84-1.947 1.244a.406.406 0 01-.608-.401c.022-.17.047-.348.086-.553l2.784-14.786a.403.403 0 00-.192-.426 2.724 2.724 0 00-1.324-.335c-.716 0-1.482.252-2.044.804a.41.41 0 01-.553.03c-.787-.658-1.777-.986-3.108-.986-4.637 0-8.853 6.724-8.866 12.969 0 .451.037.966.122 1.505a.404.404 0 01-.159.394c-.919.654-2.08 1.173-3.117 1.173-.987 0-1.594-.685-1.139-2.813l2.105-10.055a.405.405 0 01.397-.322h2.916c1.05 0 1.647-.787 1.629-1.82a.4.4 0 00-.405-.385H32.54a.405.405 0 01-.396-.49l.965-4.542a.403.403 0 00-.21-.446 3.443 3.443 0 00-1.513-.338c-1.367 0-2.81.646-3.19 2.395l-.681 3.103a.405.405 0 01-.396.318h-.406c-1.05 0-1.647.786-1.63 1.82.004.215.19.385.406.385h1.001c.257 0 .45.237.396.49l-1.961 9.277a.406.406 0 01-.09.184c-1.689 1.962-4.419 3.542-6.834 3.542-1.579 0-2.715-.687-3.064-2.518a.412.412 0 01.197-.435c6.92-3.986 8.443-6.476 8.57-9.742.067-1.71-.687-3.65-3.973-3.65-5.957 0-9.208 7.907-9.401 12.849-.024.606.001 1.17.068 1.69a.404.404 0 01-.19.403c-1.074.634-2.287 1.024-3.285 1.024-1.33 0-2.37-.76-2.104-2.737.035-.428.104-.89.176-1.323a.4.4 0 01.06-.155C9.933 13.344 13.83 6.278 13.83 3.322 13.83 1.345 12.442 0 10.658 0 5.684 0 1.82 9.321.073 23.082c-.494 3.99 1.573 5.626 4.23 5.626 2.098 0 4.577-.929 6.512-2.419a.4.4 0 01.575.1c1.058 1.574 2.807 2.319 4.813 2.319 2.559 0 5.228-1.162 7.51-3.285.25-.232.658-.079.682.26.154 2.201 1.447 3.025 3.195 3.025 2.143 0 4.528-1.243 6.293-2.84a.404.404 0 01.639.135c.7 1.497 1.883 2.705 3.733 2.705 1.336 0 2.62-.796 3.754-2.06.28-.312.79-.053.698.356-.067.296-.134.59-.206.888a.402.402 0 01-.201.262c-2.9 1.547-8.384 4.176-8.384 8.535 0 2.337 1.934 4.405 4.412 4.405 5.53 0 6.46-5.628 7.953-12.614a.408.408 0 01.204-.272 29.795 29.795 0 003.34-2.121.4.4 0 01.583.122c.884 1.504 2.373 2.499 4.568 2.499C60.937 28.708 65 21.523 65 15.86c0-3.725-1.747-6.804-5.886-6.804zM10.95 2.508c.418 0 .754.434.754 1.08 0 1.128-2.18 6.165-4.958 11.549-.216.419-.854.193-.757-.27C7.419 8.013 9.837 2.509 10.95 2.509zm8.9 9.512c.726 0 1.037.754 1.009 1.483-.093 2.37-2.11 4.774-5.29 6.967a.406.406 0 01-.632-.385c.383-2.952 1.686-8.065 4.913-8.065zm18.059 25.691c-.783 0-1.764-.59-1.761-1.786.004-1.987 2.045-3.42 4.965-4.976a.406.406 0 01.583.463c-1.104 4.172-1.96 6.3-3.787 6.3zm5.512-15.396a.42.42 0 01-.062.154c-.904 1.369-2.279 2.324-3.328 2.324-1.034 0-2.231-1.08-2.227-2.98.008-3.546 1.888-9.906 5.924-9.906.398 0 .795.048 1.224.182a.409.409 0 01.28.463l-1.81 9.763zM56.722 25.4c-1.329 0-2.468-1.292-2.468-4.637 0-3.725 2.24-8.818 5.696-8.818 1.557 0 2.202 1.558 2.202 3.61 0 3.992-2.43 9.845-5.43 9.845z"
/>
</Svg>
<TextInput
style={Style.input}
onChangeText={onChangeNumber}
value={number}
placeholder="Letgo'da ara!"
keyboardType="text"
/>
<ScrollView>
<View style={{ flex: 1 }}>
<Image
source={{
uri: "https://i.ibb.co/Ht50b44/Ekran-Resmi-2022-04-16-12-00-18.png",
}}
style={[Style.imgMain,{
width: 350,
height: 300,
borderRadius: 20,
borderColor: "red",
borderWidth: 2,
}]}
/>
</View>
<View style={Style.circleArea}>
<Text style={Style.text} numberOfLines={5}>
Kullanmadığın eşyaları sat, çevrendeki fırsatları keşfet!
</Text>
<CircleArea />
</View>
<View style={{marginTop:40}}>
<Pressable style={Style.buttonPink}>
<Text style={Style.textWhite}>Eşyalarını sat</Text>
</Pressable>
</View>
</ScrollView>
</SafeAreaView>
);
}