react-native-simple-loading

    0.1.4 • Public • Published

    Simple Loading Indicator Screen for React Native

    Installation

    npm

    npm i react-native-simple-loading

    yarn

    yarn add react-native-simple-loading

    Usage

    Step 1: Import the package.

    import SimpleLoading from "react-native-simple-loading";

    Step 1: Provide necessary props.

    Example 01 (Minimal)

    if (loading) {
      return (
        <SimpleLoading
          text="downloading..."
          loading={loading}
        />
      );
    }

    Example 02 (Optimal)

    if (loading) {
      return (
        <SimpleLoading
          size="large" // "small"
          direction="row" // "column"
          color="#fff" // "primary" | "secondary"
          text="downloading..."
          mode="fullscreen" // "default"
          loading={loading}
          containerStyles={{ backgroundColor: "black" }}
          textStyles={{ color: "white" }}
        />
      );
    }

    Install

    npm i react-native-simple-loading

    DownloadsWeekly Downloads

    8

    Version

    0.1.4

    License

    MIT

    Unpacked Size

    5.68 kB

    Total Files

    5

    Last publish

    Collaborators

    • devzerstudio