This is allowed for ReactNative apps. Source
AppHub.io is one option, open source coming soon.
| osc(60, 0.1) | |
| .colorama(2) | |
| .modulateScale(osc(() => Math.sin(time) + 10, 0.01)) | |
| .kaleid(400) | |
| .out(o0) | |
| noise(20) | |
| .modulate(o0, 0.1) | |
| .add(gradient([1,2,4])) |
| osc(20, -0.01, 1) | |
| .repeat(5,5) | |
| .scale(12, 0.9) | |
| .kaleid(20) | |
| .scrollY(() => Math.cos(time) * 0.4 - 0.5) | |
| .scrollX(() => Math.sin(time) * 0.4 - 0.5) | |
| .out(o0); | |
| noise(15, 0.3) | |
| .scale(0.001) |
| osc(20, -0.01, 1) | |
| .repeat(7,7) | |
| .scale(() => Math.sin(time) * 10 + 20, 0.5) | |
| .kaleid(20) | |
| .rotate(() => time) | |
| .out(o0); | |
| noise(15, 0.3) | |
| .scale(0.001) | |
| .out(o1); |
| osc(10,1) | |
| .modulate(noise(1),.22) | |
| .diff(o0) | |
| .modulateScrollY( | |
| osc(10).modulate(osc(1).rotate(), 0.1) | |
| ) | |
| .modulateScrollX(osc(0.1, 1), 1) | |
| .scale(.4).color(0.5,1.2,1) | |
| .out() |
| import { forEachObjIndexed } from "ramda"; | |
| import * as React from "react"; | |
| import { | |
| Animated, | |
| ScrollView, | |
| View, | |
| ViewStyle, | |
| LayoutChangeEvent, | |
| NativeScrollEvent, | |
| } from "react-native"; |
| // ... | |
| import Animated, { Easing } from "react-native-reanimated"; | |
| import { runTiming, bInterpolate } from "react-native-redash"; | |
| import { useMemoOne } from "use-memo-one"; | |
| const { | |
| set, | |
| Value, | |
| Clock, | |
| useCode |
| 'use strict'; | |
| import React, { | |
| AppRegistry, | |
| Component, | |
| StyleSheet, | |
| Text, | |
| View, | |
| TouchableOpacity, | |
| LayoutAnimation, | |
| } from 'react-native'; |
In your command-line run the following commands:
brew doctorbrew update| // navy | |
| console.log('%c ', 'font-size: 14px; font-weight: bold; background: #001F3F; color: white; padding: 7px 10px;', ) | |
| // olive | |
| console.log('%c ', 'font-size: 14px; font-weight: bold; background: #3D9970; color: white; padding: 7px 10px;', ) | |
| // black | |
| console.log('%c ', 'font-size: 14px; font-weight: bold; background: #111111; color: white; padding: 7px 10px;', ) | |
| // red |