lukebrandonfarrell

import React, { useRef } from "react";
import { View, Animated, Image, ScrollView, Text } from "react-native";

const H_MAX_HEIGHT = 150;
const H_MIN_HEIGHT = 52;
const H_SCROLL_DISTANCE = H_MAX_HEIGHT - H_MIN_HEIGHT;

const CollapsibleHeader = () => {
  const scrollOffsetY = useRef(new Animated.Value(0)).current;
  const headerScrollHeight = scrollOffsetY.interpolate({

lukebrandonfarrell

import React, { useState, useRef } from "react";
import { Keyboard } from "react-native";

/**
 * Returns if the keyboard is open / closed
 * 
 * @return {bool} isOpen
 */
export function useKeyboardStatus(){
  const [isOpen, setIsOpen] = useState(false);

lukebrandonfarrell

#import "DarkMode.h"
#import <React/RCTLog.h>

@implementation DarkMode

RCT_EXPORT_MODULE();

@end

lukebrandonfarrell

#import <React/RCTBridgeModule.h>

@interface DarkMode : NSObject <RCTBridgeModule>
@end

lukebrandonfarrell

/*
* The first arguement is an object of errors e.g. { email: "Email has been taken" }
* The seound arguement is a refrence to your formik form (e.g. useRef)
* The third arguement is an optional mapping
*/
useSetFormikErrors(errors, formikRef, { dob: "birthday" });

lukebrandonfarrell

/**
 * Use effect after component mount
 *
 * @param effect
 * @param deps
 *
 * @return {*}
 */
export function useEffectAfterMount(effect, deps) {
  const isFirstRun = useRef(true);

lukebrandonfarrell

const counterValue = 0;
const initialCounterValue = useInitialValue(selectedBrands);
const hasCounterChanged = counterValue !== initialCounterValue;

lukebrandonfarrell

module.exports = {
    project: {
      ios: {},
      android: {}, // grouped into "project"
    },
    assets: ['./path-to-assets'], // stays the same
};

lukebrandonfarrell

const initialState = {
  type: null,
  payload: null,
  meta: null,
  error: false
};

export default (state = initialState, action) => {
  return {
    ...state,

lukebrandonfarrell

/**
 * @author Luke Brandon Farrell
 * @description Funnels allow us to re-use screens with react-native-navigation
 * and build more complex patterns. In the context of this utility a stack
 * refers to a single screen, where as a funnel refres to a collection of screens.
 */

import { Platform } from "react-native";
import { Navigation, Layout, Options } from "react-native-navigation";
import * as NavigationLayouts from "react-native-navigation-layouts";