Skip to content

Instantly share code, notes, and snippets.

View OkancanCosar's full-sized avatar
😎
Focusing To React-Native

OkancanCosar

😎
Focusing To React-Native
View GitHub Profile
import { createContext, useContext, useState } from 'react'
interface IContextSession {
name: string
token: string
}
interface IContextProps {
session?: IContextSession
login: () => Promise<void>
logout: () => Promise<void>
@OkancanCosar
OkancanCosar / index.tsx
Created January 18, 2024 13:09
InAppReview
import InAppReview from 'react-native-in-app-review'
if (InAppReview.isAvailable()) {
InAppReview.RequestInAppReview()
}
@OkancanCosar
OkancanCosar / App.tsx
Last active January 18, 2024 14:03
Download file button
import React, { useState } from 'react'
import { StyleSheet, TouchableOpacity, View, Text, Alert } from 'react-native'
import RNFS from 'react-native-fs'
const perc2color = (perc: number) => {
var r, g, b = 0
if (perc < 50) {
r = 255
g = Math.round(5.1 * perc)
}
@OkancanCosar
OkancanCosar / index.js
Created January 18, 2024 13:05
percentage to hex color
const perc2color = (perc: number) => {
var r, g, b = 0;
if (perc < 50) {
r = 255;
g = Math.round(5.1 * perc);
}
else {
g = 255;
r = Math.round(510 - 5.10 * perc);
}
@OkancanCosar
OkancanCosar / links.txt
Created January 19, 2023 08:37
multi-app kiosk
@OkancanCosar
OkancanCosar / index.ts
Created September 8, 2022 06:39
excel time to moment
var excelDate = 44811;
var unixTimestamp = (excelDate - 25569) * 86400000 //as per the post above, convert Excel date to unix timestamp, assuming Mac/Windows Excel 2011 onwards
var date = moment(unixTimestamp); //Pass in unix timestamp instead of Excel date
var dateWithNewFormat = date.format('DD.MM.YYYY HH:mm');
console.log(dateWithNewFormat); //07-Eyl-2022
@OkancanCosar
OkancanCosar / app.tsx
Created August 26, 2022 05:48
expo record and play sound
import React, { useState } from "react";
import { View, Button } from "react-native";
import { Audio } from "expo-av";
const App = () => {
const [recording, setRecording] = useState<Audio.Recording>();
const startRecording = async () => {
try {
console.log("Requesting permissions..");
@OkancanCosar
OkancanCosar / app.tsx
Created August 23, 2022 13:42
sıra sıra listeleme 400lük
const App = (): JSX.Element => {
return (
<FlatList
key={Math.floor(Dimensions.get("window").width / 400)}
numColumns={Math.floor(Dimensions.get("window").width / 400)}
data={data}
keyExtractor={(item: T, index: number) => index.toString()}
renderItem={({ item }) => <ListItem item={item} />} />
);
}
@OkancanCosar
OkancanCosar / app.tsx
Created August 12, 2022 11:22
React object list state manuplate
import {useState} from 'react';
const App = () => {
const initialState = [
{id: 1, country: 'Austria'},
{id: 2, country: 'Belgium'},
{id: 3, country: 'Canada'},
];
const [data, setData] = useState(initialState);
@OkancanCosar
OkancanCosar / .env
Created August 2, 2022 10:21
expo .env usage
THE_KEY_TO_HAPPINESS=https://www.abc4.com/wp-content/uploads/sites/4/2021/01/EsTX9C7XYAwVW7g.jpeg?w=719