Skip to content

Instantly share code, notes, and snippets.

View zachgibson's full-sized avatar

Zachary Gibson zachgibson

119 followers · 61 following
View GitHub Profile
@zachgibson
zachgibson / gist:ac8591934cdb37b05c281e0ecf023e50
Created October 25, 2025 16:58
This is mimics a keyboard toolbar, but uses safeAreaBar instead. This allows the bar to have custom layout properties (like bottom padding). iOS 26.0.1 has a bug where toolbar items with keyboard placement sit directly on the keyboard with no bottom padding whatsoever.
import Combine
import SwiftUI
struct ContentView: View {
@State var text = ""
@State var keyboardObserver = KeyboardObserver()
@Namespace var union
var body: some View {
VStack {
@zachgibson
zachgibson / ContentView.swift
Created January 27, 2024 19:26
Slider With Haptic Feedback & Magnetic Pull
import SwiftUI
struct ContentView: View {
let handleSize = 40.0
@State private var x = 0.0
@State private var xOffset = 0.0
@State private var sliderWidth = 0.0
@State private var previousInterpolatedX = 0.0
private var sliderMidPoint: Double {
(self.sliderWidth - self.handleSize) / 2
@zachgibson
zachgibson / ContentView.swift
Last active June 11, 2022 18:34
import PhotosUI
import SwiftUI
class ImageModel: ObservableObject {
enum ImageState {
case empty, loading(Progress), success(Image), failure(Error)
}
@Published private(set) var imageState: ImageState = .empty
@Published var imageSelection: PhotosPickerItem? {
@zachgibson
zachgibson / data.js
Created September 28, 2020 19:18
Trip Mock Data
const data = [
{
latitude: 33.17391333333333,
longitude: -96.67814,
},
{
latitude: 33.173925,
longitude: -96.678435,
},
{
@zachgibson
zachgibson / whatsapp-animation.js
Created May 13, 2020 20:20
import React from 'react';
import { StyleSheet, View, Text, SafeAreaView, Animated, TouchableWithoutFeedback } from 'react-native';
import { PanGestureHandler } from 'react-native-gesture-handler';
export default class AppContainer extends React.Component {
horizontalSliderXAnimVal = new Animated.Value(0);
_touchX = new Animated.Value(0);
_onPanGestureEvent = Animated.event([{ nativeEvent: { x: this._touchX } }], { useNativeDriver: true });
render() {
return (
@zachgibson
zachgibson / localhost-to-ip-qr-code.scpt
Created January 7, 2020 20:27
on replaceText(find, replace, subject)
set prevTIDs to text item delimiters of AppleScript
set text item delimiters of AppleScript to find
set subject to text items of subject
set text item delimiters of AppleScript to replace
set subject to subject as text
set text item delimiters of AppleScript to prevTIDs
return subject
@zachgibson
zachgibson / secret-sauce.js
Last active October 14, 2018 17:11
import Animated from "react-native-reanimated";
const { add, sub, abs } = Animated;
this.xyVal = add(
abs(sub(props.left + TILE_WIDTH / 2 - width / 2, props.x)),
abs(sub(props.top + TILE_HEIGHT / 2 - height / 2, props.y))
);