Skip to content

Instantly share code, notes, and snippets.

View stevenselcuk's full-sized avatar
🦷
Un-teething now

Steven J. Selcuk stevenselcuk

🦷
Un-teething now
View GitHub Profile
@stevenselcuk
stevenselcuk / splash_icon_generator.sh
Created June 24, 2020 15:12
Splash icon resizer for React Native
#!/bin/bash
# ./icon-generator.sh -i AppIcon.png -p android -t action -d ./android/app/src/main/res/
# ./icon-generator.sh -i AppIcon.png -p ios -t app -d ./ios/${data.name}/Images.xcassets/
usage() {
echo
echo Usage: icon_generator.sh -i image file -p platform -t icon type [-d directory] [-c color] [-w] [-m]
echo
echo " -i The original image file."
import React, { memo } from 'react'
import PropTypes from 'prop-types'
import { useApp } from '../hooks/use-app'
import { useMeta } from '../hooks/use-meta'
import SEO from '../components/atoms/SEO'
import styles from './index.module.css'
import { ReactComponent as DownloadBadge } from '../images/DownloadBadgeDark.svg'
Home.propTypes = {
pageContext: PropTypes.object.isRequired
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.rn61bp">
<uses-permission android:name="android.permission.INTERNET" />
<application
android:name=".MainApplication"
android:label="@string/app_name"
android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher"
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
ScrollView,
Animated,
Image,
Dimensions,
@stevenselcuk
stevenselcuk / MapComponent.js
Created June 26, 2020 08:07
Map Component with RN
import React from 'react';
import {
View,
Text,
TouchableOpacity,
Alert,
Platform,
StyleSheet,
} from 'react-native';
import MapView, {Marker} from 'react-native-maps';
export default {
map: {
zIndex: 0,
flex: 1,
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
},
const shell = require('shelljs');
require('shelljs/global');
const path = require('path');
const fs = require('fs');
const fsP = require('fs-path');
const helpers = require('../helpers');
const templates = require('../templates');
const api = require('../helpers/api');
import React, { useEffect, useState, useCallback } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { Table, Input, Button, Form, Modal, Popconfirm, Select } from 'antd';
import { setLocalizationState, getLocalizationState } from '../../actions';
import { getLanguageName } from '../../../../utils/languageHelpers';
import styles from '../../styles.scss';
const EditableContext = React.createContext();
const EditableRow = ({ form, index, ...props }) => (
@stevenselcuk
stevenselcuk / useThemeState.js
Created June 30, 2020 16:06
Get / Dedect Appereance (Dark Mode) for old React Native versions
import {Appearance, useColorScheme} from 'react-native-appearance';
import {useCallback, useEffect, useState} from 'react';
export default function useThemeState() {
const [themeState, setThemeState] = useState(null);
useEffect(() => {
const subscription = Appearance.addChangeListener(({colorScheme}) => {
setThemeState(colorScheme);
});
import { Platform } from 'react-native';
import { Appearance, useColorScheme } from 'react-native-appearance';
import { useCallback, useEffect, useState } from 'react';
export default function useThemeState(set) {
const [themeState, setThemeState] = useState(null);
useEffect(() => {
if (Platform.OS === 'web') {
setThemeState(colorScheme);