Animate React Native Marquee Save Abandoned
A React Native Marquee component.
Project README
React Native Marquee
https://github.com/animate-react-native/marquee/assets/2805320/4fb199b2-491c-4621-bf84-85890a8d6f5e
React Native Marquee component, a cross-platform marquee component, powered by Reanimated:
- 🔋 Powered by Reanimated 3
- 📱 Works with Expo
- ✅ Cross-platform (iOS, Android, Web)
- ⚡️ 60-120fps
- 🪝 Works with any React Native element/component
- ⌨️ Written in TypeScript
Installation
npm install @animatereactnative/marquee
Also, you need to install react-native-reanimated, and follow their installation instructions.
Usage
import { Marquee } from '@animatereactnative/marquee';
// ...
export function Example() {
return (
<Marquee spacing={20} speed={1}>
<Heading>Powered by AnimateReactNative.com</Heading>
</Marquee>
);
}
Props
| name | description | required | type | default |
|---|---|---|---|---|
children |
Any component that you'd like to apply infinite scrolling / marquee effect | YES | React.ReactNode |
1 |
speed |
Animation speed | NO | number |
1 |
spacing |
Spacing between repeting elements | NO | number |
0 |
style |
View style to be applied to Marquee container. | NO | StyleProp<ViewStyle> |
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
Open Source Agenda is not affiliated with "Animate React Native Marquee" Project. README Source: animate-react-native/marquee
Stars
77
Open Issues
1
Last Commit
8 months ago
License
Open Source Agenda Badge
