Commit 2f10660a authored by ferhat tamer's avatar ferhat tamer 💬
Browse files

Initial commit

parent 4e0bf76e
Pipeline #8 failed with stages
in 0 seconds
<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>
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";
function Search({ onChangeFocus }) {
const [isFocus, setFocus] = React.useState(false);
const [value, setValue] = React.useState("");
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 onPress={KlavyeKapat} px={15} height={52}>
<Text>Vazgeç</Text>
</Button>
)}
</Box>
);
}
export default Search;
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;
<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
This diff is collapsed.
......@@ -6,16 +6,34 @@
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web"
"web": "expo start --web",
"svgr": "svgr ./Sayfalar -d ./Sayfalar/ikonlar --native --svg-props className="
},
"dependencies": {
"expo": "~46.0.13",
"@react-navigation/bottom-tabs": "^6.4.0",
"@react-navigation/native": "^6.0.13",
"@react-navigation/native-stack": "^6.9.1",
"@react-navigation/stack": "^6.3.4",
"expo": "^44.0.6",
"expo-status-bar": "~1.4.0",
"react": "18.0.0",
"react-native": "0.69.6"
"react": "17.0.1",
"react-dom": "17.0.1",
"react-is": "16.8",
"react-native": "0.69.6",
"react-native-gesture-handler": "~2.1.0",
"react-native-reanimated": "~2.3.1",
"react-native-safe-area-context": "4.3.1",
"react-native-safe-area-view": "^1.1.1",
"react-native-screens": "~3.15.0",
"react-native-svg": "12.1.1",
"react-native-vector-icons": "^9.2.0",
"styled-component": "^2.8.0",
"styled-components": "^5.0.0",
"styled-system": "^5.1.5"
},
"devDependencies": {
"@babel/core": "^7.12.9"
"@babel/core": "^7.12.9",
"@svgr/cli": "^6.5.1"
},
"private": true
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment