Initial commit

Sayfalar/ikonlar/index.js

+export { default as Ara } from "./Ara";
+export { default as Bookmark } from "./Bookmark";
+export { default as Fav } from "./Fav";
+export { default as Fav2 } from "./Fav2";
+export { default as Kapat } from "./Kapat";
+export { default as Logo } from "./Logo";
+export { default as More } from "./More";
+export { default as Parmak } from "./Parmak";
+export { default as Parmak2 } from "./Parmak2";
+export { default as Rotate } from "./Rotate";
+export { default as Ses1 } from "./Ses1";
+export { default as Ses2 } from "./Ses2";
+export { default as Sol } from "./Sol";
+export { default as Tdk } from "./Tdk";
+export { default as X } from "./X";

Sayfalar/kapat.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
\ No newline at end of file

Sayfalar/logo.svg

+<svg width="86" height="40" viewBox="0 0 86 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0)">
+    <path d="M8.21192 7.81457H0V0H25.6954V7.81457H17.4834V27.8146H8.21192V7.81457Z" fill="currentColor"/>
+    <path d="M27.8147 0H38.4107C49.5366 0 54.967 5.43046 54.967 13.6424V13.7748C54.967 21.9868 49.2717 27.8146 38.0134 27.8146H27.8147V0ZM37.0862 8.07947V19.7351H38.6756C42.914 19.7351 45.6955 18.0132 45.6955 13.9073V13.7748C45.6955 9.80132 42.914 7.94702 38.6756 7.94702H37.0862V8.07947Z" fill="currentColor"/>
+    <path d="M57.616 0H66.8875V10.4636L74.8345 0H85.6954L76.0266 12.053L85.8279 27.8146H74.7021L69.2716 18.9404L66.8875 21.8543V27.8146H57.616V0Z" fill="currentColor"/>
+    <path d="M2.38421 35.4967H0.662354V34.5695H4.90076V35.4967H3.31136V39.8675H2.38421V35.4967Z" fill="currentColor"/>
+    <path d="M6.62256 37.7483V34.702H7.54971V37.7483C7.54971 38.6755 8.07951 39.2053 8.87421 39.2053C9.66891 39.2053 10.1987 38.6755 10.1987 37.7483V34.702H11.1259V37.7483C11.1259 39.3377 10.1987 40.1324 8.87421 40.1324C7.54971 40 6.62256 39.2053 6.62256 37.7483ZM7.68216 33.3775H8.60931V34.1722H7.68216V33.3775ZM9.27156 33.3775H10.1987V34.1722H9.27156V33.3775Z" fill="currentColor"/>
+    <path d="M13.3774 34.702H15.7615C16.4238 34.702 16.9536 34.8344 17.3509 35.2318C17.6158 35.4967 17.7483 35.894 17.7483 36.4238C17.7483 37.351 17.2185 37.8808 16.5562 38.0132L18.0132 40H16.9536L15.6291 38.1457H14.437V40H13.5099V34.702H13.3774ZM15.6291 37.351C16.2913 37.351 16.6887 36.9536 16.6887 36.4238C16.6887 35.894 16.2913 35.4967 15.6291 35.4967H14.3046V37.2185H15.6291V37.351Z" fill="currentColor"/>
+    <path d="M19.6028 34.702H20.5299V37.351L23.0465 34.702H24.2385L21.9869 36.9536L24.2385 40H23.0465L21.1922 37.6159L20.5299 38.4106V40H19.6028V34.702Z" fill="currentColor"/>
+    <path d="M29.1392 34.702H31.1259C32.8478 34.702 33.9074 35.894 33.9074 37.351C33.9074 38.8079 32.7153 40 31.1259 40H29.1392V34.702ZM30.0663 35.4967V39.0728H31.1259C32.1855 39.0728 32.9802 38.2781 32.9802 37.351C32.9802 36.2914 32.318 35.4967 31.1259 35.4967H30.0663Z" fill="currentColor"/>
+    <path d="M35.894 33.3775H36.8212V34.1722H35.894V33.3775ZM35.894 34.702H36.8212V40H35.894V34.702Z" fill="currentColor"/>
+    <path d="M39.073 34.702H40.0002V39.2053H42.7816V40H39.073V34.702Z" fill="currentColor"/>
+    <path d="M47.6821 34.702H48.6093V37.351L51.1258 34.702H52.3179L50.0662 36.9536L52.3179 40H51.1258L49.2715 37.6159L48.6093 38.4106V40H47.6821V34.702Z" fill="currentColor"/>
+    <path d="M53.7749 37.7483V34.702H54.7021V37.7483C54.7021 38.6755 55.2319 39.2053 56.0266 39.2053C56.8213 39.2053 57.3511 38.6755 57.3511 37.7483V34.702H58.2782V37.7483C58.2782 39.3377 57.3511 40.1324 56.0266 40.1324C54.7021 40 53.7749 39.2053 53.7749 37.7483Z" fill="currentColor"/>
+    <path d="M60.5298 34.702H62.9139C63.5761 34.702 64.1059 34.8344 64.5033 35.2318C64.7682 35.4967 64.9006 35.894 64.9006 36.4238C64.9006 37.351 64.3708 37.8808 63.7086 38.0132L65.1655 40H64.1059L62.7814 38.1457H61.5894V40H60.6622V34.702H60.5298ZM62.7814 37.351C63.4437 37.351 63.841 36.9536 63.841 36.4238C63.841 35.894 63.4437 35.4967 62.7814 35.4967H61.4569V37.2185H62.7814V37.351Z" fill="currentColor"/>
+    <path d="M66.7551 37.7483V34.702H67.6823V37.7483C67.6823 38.6755 68.2121 39.2053 69.0068 39.2053C69.8015 39.2053 70.3313 38.6755 70.3313 37.7483V34.702H71.2584V37.7483C71.2584 39.3377 70.3313 40.1324 69.0068 40.1324C67.5498 40 66.7551 39.2053 66.7551 37.7483Z" fill="currentColor"/>
+    <path d="M73.3776 34.702H74.3047L75.8941 37.2185L77.4835 34.702H78.4107V40H77.4835V36.1589L75.7617 38.6755L74.1723 36.1589V40H73.2451V34.702H73.3776Z" fill="currentColor"/>
+    <path d="M80.6624 37.7483V34.702H81.5895V37.7483C81.5895 38.6755 82.1193 39.2053 82.914 39.2053C83.7087 39.2053 84.2385 38.6755 84.2385 37.7483V34.702H85.1657V37.7483C85.1657 39.3377 84.2385 40.1324 82.914 40.1324C81.5895 40 80.6624 39.2053 80.6624 37.7483Z" fill="currentColor"/>
+  </g>
+  <defs>
+    <clipPath id="clip0">
+      <path d="M0 0H85.8278V40H0V0Z" fill="currentColor"/>
+    </clipPath>
+  </defs>
+</svg>

Sayfalar/more.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
\ No newline at end of file

Sayfalar/parmak.svg

+<svg width="24" height="24" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.5479 6.2C18.5479 5.08609 18.1182 4.0178 17.3533 3.23015C16.5885 2.4425 15.5512 2 14.4695 2C13.3879 2 12.3505 2.4425 11.5857 3.23015C10.8208 4.0178 10.3911 5.08609 10.3911 6.2V15.314L8.5287 14.264C7.77985 13.8434 6.91384 13.6991 6.07441 13.8551C5.23497 14.0112 4.47259 14.4581 3.91382 15.1219C3.35504 15.7856 3.03347 16.6261 3.00247 17.504C2.97148 18.3819 3.23292 19.2442 3.74342 19.948L11.0709 30H26.5415L28.2 16.378L18.5479 13.578V6.2ZM25.2092 18.422L24.1488 27.2H12.4303L5.91854 18.254C5.75965 18.0594 5.6747 17.8121 5.67946 17.5579C5.68422 17.3037 5.77837 17.06 5.94443 16.8719C6.11049 16.6838 6.33718 16.5641 6.58243 16.535C6.82768 16.506 7.07482 16.5696 7.278 16.714L13.1101 20.046V6.2C13.1101 5.8287 13.2533 5.4726 13.5082 5.21005C13.7632 4.9475 14.109 4.8 14.4695 4.8C14.8301 4.8 15.1758 4.9475 15.4308 5.21005C15.6857 5.4726 15.829 5.8287 15.829 6.2V15.65L25.2092 18.422Z" fill="currentColor"/>
+</svg>

Sayfalar/parmak2.svg

+<svg width="24" height="24" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.3533 3.23015C18.1182 4.0178 18.5479 5.08609 18.5479 6.2V13.578L28.2 16.378L26.5415 30H11.0709L3.74342 19.948C3.23292 19.2442 2.97148 18.3819 3.00247 17.504C3.03347 16.6261 3.35504 15.7856 3.91382 15.1219C4.47259 14.4581 5.23497 14.0112 6.07441 13.8551C6.91384 13.6991 7.77985 13.8434 8.5287 14.264L10.3911 15.314V6.2C10.3911 5.08609 10.8208 4.0178 11.5857 3.23015C12.3505 2.4425 13.3879 2 14.4695 2C15.5512 2 16.5885 2.4425 17.3533 3.23015Z" fill="currentColor"/>
+</svg>

Sayfalar/rotate.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>
\ No newline at end of file

Sayfalar/search.js

+import React from "react";
+import Box from ".//Ekranlar/box";
+import Input from "./Ekranlar/input";
+import { Ara } from "../Sayfalar/ikonlar";
+import { X } from "../Sayfalar/ikonlar";
+import theme from "./Ekranlar/tema";
+import Text from "./Ekranlar/text";
+import { Keyboard } from "react-native";
+import Button from "./Ekranlar/button";
+import { useNavigation } from "@react-navigation/native";
+function Search({ onChangeFocus }) {
+  const [isFocus, setFocus] = React.useState(false);
+  const [value, setValue] = React.useState("");
+  const navigate = useNavigation();
+  React.useEffect(() => {
+    onChangeFocus(isFocus);
+  }, [isFocus, onChangeFocus]);
+  const KlavyeKapat = () => {
+    setFocus(false);
+    Keyboard.dismiss();
+  };
+  const Temizle = () => {
+    setValue("");
+  };
+  return (
+    <Box flexDirection="row" alignItems="center">
+      <Box position="relative" flex={1}>
+        <Input
+          style={{
+            shadowColor: "#000",
+            shadowOpacity: 0.1,
+            shadowRadius: 24,
+            shadowOffset: {
+              width: 0,
+              height: 4,
+            },
+          }}
+          placeholder="Türkçe Sözlük'te Ara"
+          bg="white"
+          height={52}
+          placeholderTextColor="textOrta"
+          color="textKoyu"
+          pl={52}
+          borderWidth={1}
+          borderColor={isFocus ? "#D1D1D1" : "transparent"}
+          borderRadius="normal"
+          value={value}
+          onFocus={() => setFocus(true)}
+          onChangeText={(text) => setValue(text)}
+        />
+        {value.length > 0 && (
+          <Button onPress={Temizle} position="absolute" right={16} top={14}>
+            <X color={theme.colors.textKoyu} />
+          </Button>
+        )}
+        <Button position="absolute" left={16} top={14}>
+          <Ara color={theme.colors.textOrta} />
+        </Button>
+      </Box>
+      {isFocus && (
+        <>
+          <Button
+            px={30}
+            height={52}
+            onPress={() =>
+              navigate.navigate("Detail", {
+                keyword: value,
+              })
+            }
+          >
+            <Text>Ara</Text>
+          </Button>
+          <Button onPress={KlavyeKapat} px={15} height={52}>
+            <Text>Vazgeç</Text>
+          </Button>
+        </>
+      )}
+    </Box>
+  );
+}
+export default Search;

Sayfalar/ses1.svg

+<svg width="24" height="24" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.8012 15.8679C24.8012 18.4655 23.6644 21.5882 21.8677 23.2016V8.53418C23.6644 10.1476 24.8012 13.2703 24.8012 15.8679ZM8.22261 23.2016H4.26681C2.64899 23.2016 1.33333 21.8859 1.33333 20.2681V11.4677C1.33333 9.84984 2.64899 8.53418 4.26681 8.53418H8.22261L16.6549 2.91363C17.1037 2.61441 17.6845 2.58361 18.1598 2.84029C18.6365 3.0955 18.9342 3.59273 18.9342 4.13396V27.6018C18.9342 28.143 18.6365 28.6402 18.1598 28.8955C17.9427 29.0113 17.7051 29.0685 17.4675 29.0685C17.1829 29.0685 16.8984 28.9849 16.6534 28.8221L8.22261 23.2016ZM8.66703 11.4677H4.26681V20.2681H8.66703C8.6927 20.2681 8.71617 20.2751 8.73985 20.2822C8.75947 20.2881 8.77923 20.294 8.8005 20.296C8.89731 20.3048 8.98824 20.3238 9.08212 20.3517C9.18039 20.381 9.27132 20.4177 9.3608 20.4661C9.37687 20.4741 9.39424 20.4796 9.41171 20.485C9.43569 20.4925 9.45985 20.5001 9.48107 20.5145L16.0007 24.8619V6.87383L9.48107 11.2212C9.46194 11.2335 9.44043 11.2401 9.4188 11.2468C9.39897 11.253 9.37904 11.2591 9.3608 11.2696C9.27132 11.318 9.17892 11.3532 9.07918 11.3841C8.98678 11.4105 8.89731 11.431 8.80343 11.4398C8.78241 11.4418 8.76256 11.4476 8.7427 11.4534C8.71823 11.4605 8.69375 11.4677 8.66703 11.4677ZM30.6667 15.8679C30.6667 21.8683 27.0409 26.7995 21.8677 29.0685V26.135C25.3688 24.1021 27.7332 20.1991 27.7332 15.8679C27.7332 11.5366 25.3688 7.63359 21.8677 5.60069V2.66721C27.0409 4.93625 30.6667 9.86743 30.6667 15.8679Z" fill="currentColor"/>
+</svg>

Sayfalar/ses2.svg

+<svg width="24" height="24" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8677 23.2016C23.6645 21.5882 24.8012 18.4655 24.8012 15.8679C24.8012 13.2703 23.6645 10.1476 21.8677 8.53418V23.2016ZM4.26682 23.2016H8.22262L16.6534 28.8221C16.8984 28.9849 17.1829 29.0685 17.4675 29.0685C17.7051 29.0685 17.9427 29.0113 18.1598 28.8955C18.6365 28.6402 18.9342 28.143 18.9342 27.6018V4.13396C18.9342 3.59273 18.6365 3.0955 18.1598 2.84029C17.6846 2.58361 17.1037 2.61441 16.6549 2.91363L8.22262 8.53418H4.26682C2.64901 8.53418 1.33334 9.84984 1.33334 11.4677V20.2681C1.33334 21.8859 2.64901 23.2016 4.26682 23.2016ZM30.6667 15.8679C30.6667 21.8683 27.0409 26.7995 21.8677 29.0685V26.135C25.3688 24.1021 27.7332 20.1991 27.7332 15.8679C27.7332 11.5366 25.3688 7.63359 21.8677 5.60069V2.66721C27.0409 4.93625 30.6667 9.86743 30.6667 15.8679Z" fill="currentColor"/>
+</svg>

Sayfalar/sol.svg

+<svg width="24" height="24" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 7L10 16L19 25L21.2299 22.7701L14.4598 16L21.2299 9.22989L19 7Z" fill="currentColor"/>
+</svg>

Sayfalar/tab-bar.js

+import React from "react";
+import Button from "./button";
+import FontAwesome from "react-native-vector-icons/FontAwesome";
+import Fontisto from "react-native-vector-icons/Fontisto";
+import Box from "./Ekranlar/box";
+import { Ara } from "../Sayfalar/ikonlar";
+
+function TabBar({ state, descriptors, navigation }) {
+  return (
+    <Box
+      pb="20"
+      bg="white"
+      flexDirection="row"
+      style={{
+        shadowColor: "#000",
+        shadowOpacity: 0.1,
+        shadowRadius: 20,
+      }}
+    >
+      {state.routes.map((route, index) => {
+        const { options } = descriptors[route.key];
+        const label =
+          options.tabBarLabel !== undefined
+            ? options.tabBarLabel
+            : options.title !== undefined
+            ? options.title
+            : route.name;
+
+        const isFocused = state.index === index;
+
+        const onPress = () => {
+          const event = navigation.emit({
+            type: "tabPress",
+            target: route.key,
+            canPreventDefault: true,
+          });
+
+          if (!isFocused && !event.defaultPrevented) {
+            // The `merge: true` option makes sure that the params inside the tab screen are preserved
+            navigation.navigate({ name: route.name, merge: true });
+          }
+        };
+
+        return label === "Search" ? (
+          <Box key={label} p={15} bg="white" mt={-15} borderRadius="full">
+            <Button size={56} bg="red" borderRadius="full" onPress={onPress}>
+              <Ara stroke="white" />
+            </Button>
+          </Box>
+        ) : (
+          <Button
+            key={label}
+            pt={6}
+            flexDirection="column"
+            height={56}
+            flex={1}
+            onPress={onPress}
+          >
+            {label === "History" && <FontAwesome size={25} name="history" />}
+            {label === "Favorite" && <Fontisto size={25} name="favorite" />}
+            <Box
+              size={4}
+              bg={isFocused ? "red" : "white"}
+              borderRadius="full"
+              mt={6}
+            />
+          </Button>
+        );
+      })}
+    </Box>
+  );
+}
+
+export default TabBar;

Sayfalar/x.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
\ No newline at end of file

app.json

+{
+  "expo": {
+    "name": "AppNew",
+    "slug": "AppNew",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#FFFFFF"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

babel.config.js

+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};