### Install React Native Animated Glow

Source: https://github.com/realimposter/react-native-animated-glow/blob/main/README.md

Installs the react-native-animated-glow library and its peer dependencies, including @shopify/react-native-skia, react-native-reanimated, and react-native-gesture-handler, using either npm or yarn.

```bash
npm install react-native-animated-glow
# or
yarn add react-native-animated-glow

npm install @shopify/react-native-skia react-native-reanimated react-native-gesture-handler
# or
yarn add @shopify/react-native-skia react-native-reanimated react-native-gesture-handler
```

--------------------------------

### Interactive Glow Presets and States

Source: https://github.com/realimposter/react-native-animated-glow/blob/main/README.md

Shows how to define reusable glow presets and states for interactive components using TypeScript. The 'interactivePreset' includes hover state transitions for glow size and animation speed.

```typescript
// in my-presets.ts
import { type PresetConfig } from 'react-native-animated-glow';

export const interactivePreset: PresetConfig = {
  cornerRadius: 50,
  animationSpeed: 1,
  glowLayers: [{ colors: ['#5a4ff9'], glowSize: 20 }],
  states: [
    {
      name: 'hover',
      transition: 300, // 300ms transition
      preset: { glowLayers: [{ glowSize: 35 }] }
    }
  ]
};

// in MyButton.tsx
import AnimatedGlow from 'react-native-animated-glow';
import { interactivePreset } from './my-presets';
import { TouchableOpacity } from 'react-native';

const MyButton = () => (
  <AnimatedGlow preset={interactivePreset}>
    <TouchableOpacity style={styles.button} />
  </AnimatedGlow>
);
```

--------------------------------

### Basic Animated Glow Component

Source: https://github.com/realimposter/react-native-animated-glow/blob/main/README.md

Demonstrates how to use the AnimatedGlow component in React Native. It wraps a View component and applies a glow effect with custom corner radius, outline width, border color, and glow layers.

```jsx
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import AnimatedGlow from 'react-native-animated-glow';

export default function MyGlowingComponent() {
  return (
    <AnimatedGlow
      cornerRadius={50}
      outlineWidth={2}
      borderColor={['#ff00ff', '#00ffff']}
      glowLayers={[
        { colors: ['#ff00ff', '#00ffff'], opacity: 0.2, glowSize: 30 },
      ]}>
      <View style={styles.box}>
        <Text style={styles.text}>I'm Glowing!</Text>
      </View>
    </AnimatedGlow>
  );
}

const styles = StyleSheet.create({
  box: { paddingVertical: 20, paddingHorizontal: 40, backgroundColor: '#222' },
  text: { color: 'white', fontWeight: 'bold' }
});
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.