A React Native component for displaying scrolling text labels (marquee effect) on iOS and Android.
React Native MarqueeLabel is a native UI component for React Native that displays text in a marquee (horizontally scrolling) format. It solves the problem of showing long text in limited UI space by automatically scrolling the text with smooth animations, commonly used for tickers, notifications, or dynamic content displays.
React Native developers building iOS and Android apps who need to display scrolling text labels, such as for news feeds, media players, or status indicators.
It offers better performance than JavaScript-based marquee solutions by leveraging native iOS and Android components, with customizable scrolling behavior and cross-platform consistency.
A marquee label for react-native(if you use js pure marquee, use remobile/react-native-marquee[ https://github.com/remobile/react-native-marquee ])
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Leverages native iOS UILabel and Android TextView for smooth, jank-free scrolling animations, outperforming JavaScript-based solutions as highlighted in the README's focus on native integration.
Provides consistent marquee behavior on both iOS and Android with platform-specific props like marqueeType for iOS and isRepeat for Android, ensuring reliable performance across mobile devices.
Offers props such as scrollDuration, direction, and startPoint to precisely control the marquee effect, allowing developers to tailor scrolling speed and behavior to their needs.
Automatically scrolls text that overflows the label width, with configurable fade edges on iOS via the fadeLength prop, improving user experience for long text displays.
Requires dragging Xcode projects and editing Gradle files manually, which is complex and error-prone compared to modern auto-linking in React Native, as seen in the lengthy installation steps.
Features like marqueeType are iOS-only and isRepeat is Android-only, leading to an inconsistent API that can complicate cross-platform development and require extra workarounds.
The README lacks comprehensive examples and points to external repos for details, making it difficult for developers to implement advanced features without digging into source code or third-party resources.
Uses deprecated React patterns like React.createClass, suggesting the library may not be actively maintained, which could lead to compatibility problems with newer React Native versions.