Template version: v0.3.0

react-native-marquee

This project is based on react-native-marquee@0.5.0。

This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: @react-native-ohos/react-native-marquee, The version correspondence details are as follows:

1. Installation and Usage

Go to the project directory and execute the following instruction:

npm

npm install @react-native-ohos/react-native-marquee

yarn

yarn add @react-native-ohos/react-native-marquee

The following code shows the basic use scenario of the repository:

[!WARNING] The name of the imported repository remains unchanged.

import React, { Component } from "react";
import { StyleSheet, View } from "react-native";
import MarqueeText from "react-native-marquee";

export default class MarqueeTextSample extends Component {
  render() {
    return (
      <View style={styles.container}>
        <MarqueeText
          style={{ fontSize: 24 }}
          speed={1}
          marqueeOnStart={true}
          loop={true}
          delay={1000}
        >
          Lorem Ipsum is simply dummy text of the printing and typesetting
          industry and typesetting industry.
        </MarqueeText>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
  },
});

2. Constraints

2.1 Compatibility

Check the release version information in the release address of the third-party library: @react-native-ohos/react-native-marquee Releases

3. Properties

[!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.

[!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.

MarqueeText component basically inherits TextProps and the followings are additional ones:

4. Methods

These methods are optional, you can use the isOpen property instead

5. Known Issues

6. Others

7. License

This project is licensed under The MIT License (MIT).