Miss any of our Open RFC calls?Watch the recordings here! »

This package has been deprecated

Author message:

Please use [LoadingIndicator] in dooboo-ui instead.

@dooboo-ui/native-loading-indicator

0.7.0 • Public • Published

LoadingIndicator

Npm Version Downloads

Simple [LoadingIndicator] that overlaps screen indicating that it is doing something.

Props

necessary types default options
containerStyle StyleProp<ViewStyle>
style StyleProp<ViewStyle>
color string '#969696'
size string large number | 'small' | 'large'
imgSource ImageSourcePropType | string

Installation

yarn add @dooboo-ui/native

or

yarn add @dooboo-ui/native-loading-indicator

Usage

Getting started

  • Import

    import { LoadingIndicator } from '@dooboo-ui/native';
    // or
    import LoadingIndicator from '@dooboo-ui/native-loading-indicator';
  • Usage

    • Default

      function Page(props: Props) {
        return <LoadingIndicator />;
      }

      loading_blue loading_purple loading_default loading_pink

    • Image

      function Page(props: Props) {
        return (
          <View>
            <LoadingIndicator
              imgSource="https://user-images.githubusercontent.com/31176502/71331734-ca61d800-2576-11ea-8934-6a260a1d714e.gif"
              containerStyle={{ backgroundColor: 'white' }}
            />
            <Text>Loading ... </Text>
          </View>
        );
      }

      or

      import { ImageName } from '[imgRoute]'
      function Page(props: Props) {
        return (
          <View>
            <LoadingIndicator
              imgSource={ImageName}
              containerStyle={{ backgroundColor: 'white' }}
            />
            <Text>Loading ... </Text>
          </View>
        );
      }

      is_img_true

Install

npm i @dooboo-ui/native-loading-indicator

DownloadsWeekly Downloads

0

Version

0.7.0

License

MIT

Unpacked Size

196 kB

Total Files

8

Last publish

Collaborators

  • avatar