react-native-perfect-marquee

React Native Marquee Component This React Native Marquee component allows text to scroll smoothly in both directions (left to right or right to left). It supports both a single title and looped title, offering a seamless, customizable animation with various dynamic properties.

Key Features: Bidirectional Scrolling: Marquee can scroll both left and right, based on user preference. Smooth Animation: Scrolling is continuous and smooth, enhancing user experience. Customizable Appearance: Supports multiple properties for full customization of text and background. Autofill Support: Dynamically adjusts text width for perfect scrolling. Dynamic Properties: textColor: Customize the text color.

Example: textColor={'green'} fontWeight: Control the font weight.

Example: fontWeight={'800'} fontFamily: Specify the font family for the title text.

Example: fontFamily={'Arial'} fontSize: Adjust the font size of the title.

Example: fontSize={32} autofill: Automatically adjusts the text width for scrolling.

Example: autofill={true} marqueeDirection: Set the scroll direction ('left' or 'right').

Example: marqueeDirection={'left'} marqueeSpeed: Control the speed of the scrolling text.

Example: marqueeSpeed={2} title: The actual text content that will scroll.

Example: title={'Welcome to React Native Marquee'} letterSpacing: Define the spacing between letters.

Example: letterSpacing={2} backgroundColor: Set the background color of the marquee.

Example: backgroundColor={'black'} marginTop and marginBottom: Add margins to the top and bottom.

Example: marginTop={10}, marginBottom={20} padding: Add padding around the marquee content.

Example: padding={15}