react-native-easy-loading

npm version

适用iOS、Android

有问题反馈

在使用中有任何问题,欢迎反馈给我,也可以用以下联系方式跟我交流

添加到项目中

  1. Run npm install react-native-easy-loading --save or yarn add react-native-easy-loading
  2. var { Loading, EasyLoading } = require('react-native-easy-loading');

属性

方法

使用

import { Loading, EasyLoading } from 'react-native-easy-loading';

class App extends Component {
    componentDidMount() {
		EasyLoading.show('Loading...', 3000, 'type');
		setTimeout(() => {
			EasyLoading.show('Loading...', 3000);
		}, 3000)
	}
	render() {
		return (
			<View style={styles.container}>
				<Text style={styles.welcome}>Welcome to React Native!</Text>
				<Text style={styles.instructions}>To get started, edit index.android.js</Text>
				<Text style={styles.instructions}>Double tap R on your keyboard to reload,{'\n'}Shake or press menu button for dev menu</Text>
				<Loading />
				<Loading type={"type"} loadingStyle={{ backgroundColor: "#f007" }} />
			</View>
		);
	}
}

录屏

iOS
android