#React-native-easy-loading
适用iOS、Android
在使用中有任何问题,欢迎反馈给我,也可以用以下联系方式跟我交流
- 邮件(Netxy#vip.qq.com, 把#换成@)
- Run
npm install react-native-easy-loading --saveoryarn add react-native-easy-loading var { Loading, EasyLoading } = require('react-native-easy-loading');
type(String) - 用来区分不同Loading组件。color(String) - 转圈的颜色,默认:"#FFF"。textStyle(Object) - 提示字样式。loadingStyle(Object) - 外层盒子样式。
show(text:string = 'Loading...',timeout:number = -1,key:string = 'default')- 显示Loading...dismis(key:string = 'default')- 关闭
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> ); } }
