Saadnajmi

import { Canvas, Circle, Group, Rect, Shader, Skia, useClock, RuntimeShader, SkRuntimeEffect, RoundedRect } from "@shopify/react-native-skia";
import { SafeAreaView, StyleSheet } from "react-native";
import { useDerivedValue, useSharedValue } from "react-native-reanimated";
import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';

const styles = StyleSheet.create({
  centered: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',

Saadnajmi

        style={{
          height: 100,
          width: 100,
          backgroundColor: 'clear',
          borderWidth: 2,
          borderRadius: 50,
          borderColor: 'blue',
          shadowColor: 'black',
          shadowRadius: 8,
          shadowOpacity: 0.5,

Saadnajmi

const ListAccessibilityExamples: React.FunctionComponent = () => {
  const [showImage, setShowImage] = React.useState(true);
  const [showPresence, setShowPresence] = React.useState(false);
  const [showRing, setShowRing] = React.useState(false);

  const redSquareStyle: ViewStyle = { width: 20, height: 20, margin: 10, backgroundColor: 'red' };
  const cardStyle: ViewStyle = { width: 40, height: 40, margin: 10, backgroundColor: 'white', borderWidth: 1 };

  return (
    <View>