当前位置：首页 > 软件库 > 手机/移动开发 > >

react-native-loading-spinner-overlay

💈 React Native loading spinner overlay

授权协议 MIT License

开发语言 Java

所属分类手机/移动开发

软件类型开源软件

地区不详

投递者呼延修然

操作系统跨平台

开源组织无

适用人群未知

软件概览

React Native Loading Spinner Overlay

npm install react-native-loading-spinner-overlay

yarn add react-native-loading-spinner-overlay

See the example App.js file for an example implementation.

Property	Type	Default	Description
cancelable	Boolean	`false`	Android: If set to false, it will prevent spinner from hiding when pressing the hardware back button. If set to true, it will allow spinner to hide if the hardware back button is pressed.
color	String	`"white"`	Changes the spinner's color (example values are `red`, `#ff0000`, etc). For adjusting the contrast see `overlayColor` prop below.
animation	String (enum) `none`, `slide`, `fade`	`"none"`	Changes animation on show and hide spinner's view.
overlayColor	String	`rgba(0, 0, 0, 0.25)`	Changes the color of the overlay.
size	String (enum) `small`, `normal`, `large`	`"large"`	Sets the spinner's size. No other cross-platform sizes are supported right now.
textContent	String	`""`	Optional text field to be shown.
textStyle	StyleSheet	`-`	The style to be applied to the `<Text>` that displays the `textContent`.
visible	Boolean	`false`	Controls the visibility of the spinner.
indicatorStyle	StyleSheet	`undefined`	Additional styles for the ActivityIndicator to inherit
customIndicator	Element	`undefined`	An alternative, custom component to use instead of the default `<ActivityIndicator />`
children	Element	`undefined`	Children element(s) to nest inside the spinner

We recommend that you follow two rules when implementing this component.

Wrap usage of actions after attempting to stop the spinner with setTimeout to avoid the non-stop spinner issue:

this.setState({ spinner: false });

setTimeout(() => {
  Alert.alert('Oops!', err.message);
}, 100);

使用案例

React中loading界面处理

前几周，boss给出一个任务：在网站页面加载前设置一个loading界面。设置loading界面，如果用户网络状况一般，或者用户执行请求操作频繁，可以让用户减少等待时间，有利于提升用户体验。那么具体怎样实现loading界面呢？查询资料进行实践，得出下面几个方案：方案一：在react框架中，根据组件的生命周期，在componentdidmount进行判断。在render中进行判断：当用户网络
React Native 之 Loading dependency graph...

Loading dependency graph… 然后就没然后了！！！！很尴尬！！！！正常的现象应该是：Loading dependency graph, done. 这个问题困惑我很久！！！！！再次给出解决方法：这篇文章重新安装: https://blog.csdn.net/github_34402358/article/details/83145737 特别注意的地方： brew i
react-native-splash-screen安装及建立链接

一、下载 react-native-splash-screen --save npm i react-native-splash-screen --save 二、自动安装终端链接 react-native link react-native-splash-screen 或 rnpm link react-native-splash-screen 三、手动安装终端链接 1.在 android