MotionBlock
MotionBlock animates a layout container using React Native animated values.
Source
LLM docs
Package
Examples
1
Properties
82
Basics
MotionBlock animates a layout container using React Native animated values.
Loading demo…
import { useEffect, useRef } from 'react';
import { Animated } from 'react-native';
import { MotionBlock, Text } from '@plocks/ui';
export function Demo() {
const offset = useRef(new Animated.Value(16)).current;
useEffect(() => {
Animated.timing(offset, { toValue: 0, duration: 500, useNativeDriver: true }).start();
}, [offset]);
return (
<MotionBlock translateY={offset} bg="subtle" p="md" radius="md">
<Text>Animated entrance</Text>
</MotionBlock>
);
}React Native design for iOS, Android, and Web.
Quick Links
Resources