1.0.3 • Published 7 years ago

react-native-dj-indicator v1.0.3

Weekly downloads
4
License
ISC
Repository
-
Last release
7 years ago

Indicator

accordion

Install

npm i --save react-native-dj-indicator

Usage

Using in your app will usually look like this:

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
} from 'react-native';

import Toast from 'react-native-dj-indicator';


export default class NPMTest extends Component {

    render() {
      return (
        <View style={{marginTop:20}}>
          <Indicator ref="indicator" icon={require('./NPM/react-native-dj-indicator/images/loading_page.png')} width={60} height={60} hide={false}/>
        </View>
      );
    }
}

AppRegistry.registerComponent('xxx', () => NPMTest);

Props

The following props can be used to modify the style and/or behaviour:

PropTypeOpt/RequiredDefaultNote
iconobjectOptionrequire('image!loading_page')loading图标,形式如 require('image!loading_page')/{uri:'loading_page.png'}
widthintOption40loading图标的宽度
heightintOption40loading图标的高度
topintOption0遮罩距顶部的距离
hidebooleanOptionfalse是否默认隐藏Indicator

Methods

The following methods can be used to open and close the Dialog:

MethodParametersNote
show|打开Indicator
cancel|关闭Indicator
1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago