This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. | |
# yarn lockfile v1 | |
"@ampproject/remapping@^2.1.0": | |
version "2.2.0" | |
resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d" | |
integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w== | |
dependencies: | |
"@jridgewell/gen-mapping" "^0.1.0" |
This file has been truncated, but you can view the full file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "react-native-app-template", | |
"lockfileVersion": 2, | |
"requires": true, | |
"packages": { | |
"": { | |
"dependencies": { | |
"@ckbab/js-utils": "^1.0.0", | |
"@ckbab/react-native-components": "^1.0.10", | |
"@react-native-async-storage/async-storage": "~1.17.3", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import * as React from 'react'; | |
import { Camera } from 'expo-camera'; | |
import { View, Button, Text, useWindowDimensions, LogBox, Alert } from 'react-native'; | |
LogBox.ignoreLogs(['-[EXCamera']); | |
export default function App() { | |
const { width, height } = useWindowDimensions(); | |
const cameraRef = React.useRef(null); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Checkbox from 'expo-checkbox'; | |
import React, { useState } from 'react'; | |
import { StyleSheet, Text, View } from 'react-native'; | |
export default function App() { | |
const [isChecked, setChecked] = useState(false); | |
return ( | |
<View style={styles.container}> | |
<View style={styles.section}> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from "react"; | |
import { StyleSheet, Text, View, Button } from "react-native"; | |
import * as BackgroundFetch from "expo-background-fetch"; | |
import * as TaskManager from "expo-task-manager"; | |
const BACKGROUND_FETCH_TASK = "background-fetch"; | |
// 1. Define the task by providing a name and the function that should be executed | |
// Note: This needs to be called in the global scope (e.g outside of your React components) | |
TaskManager.defineTask(BACKGROUND_FETCH_TASK, async () => { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { useState, useEffect } from 'react'; | |
import { StyleSheet, Text, View } from 'react-native'; | |
import * as SplashScreen from 'expo-splash-screen'; | |
import * as Font from 'expo-font'; | |
import Entypo from '@expo/vector-icons/Entypo'; | |
async function doSomeAsyncWork() { | |
throw new Error('123'); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Camera } from 'expo-camera'; | |
import React, { useState, useEffect, useRef } from 'react'; | |
import { | |
StyleSheet, | |
Text, | |
View, | |
TouchableOpacity, | |
SafeAreaView, | |
Alert, | |
ScrollView, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import { | |
View, | |
Animated, | |
SafeAreaView, | |
TouchableOpacity, | |
Text, | |
Switch, | |
Button, | |
TextInput, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const clampHeroSection = Animated.add( | |
// we want to make the hero section maintain its position on scroll | |
// we can do this by setting its translateY value to whatever the scroll value is | |
scrollY.current, | |
// shift it up by subtracting points until we've scrolled beyond the search section, and clamp it after that | |
scrollY.current.interpolate({ | |
inputRange: [0, SEARCH_PLAYLISTS_HEIGHT], | |
outputRange: [0, -SEARCH_PLAYLISTS_HEIGHT], | |
// we also want it to shift down when the user pulls down, so we clamp the above range with 'extrapolateRight' | |
// using just 'extrapolate' would clamp the scroll value in both directions |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function PlaylistProfile() { | |
//... | |
const clampHeroSection = scrollY.current; | |
return ( | |
<SafeAreaView style={{flex: 1}}> | |
<Header /> | |
<Animated.ScrollView onScroll={handleScroll} style={{flex: 1}}> |
NewerOlder