Comments (7)
@pavsidhu many many thanks to your solution!
I put the indicator in the modal, and no need to change my previous modal code(my modal is another library).
from react-native-loading-spinner-overlay.
Similar problem here after upgrading RN to 0.42
Using react-native-router-flux 3.38.0
Showing the spinner as a modal
from react-native-loading-spinner-overlay.
@ywongweb My solution to this was to create a custom component using React Native's inbuilt ActivityIndicator which has position absolute and with it's z-index set to a high value.
from react-native-loading-spinner-overlay.
same problem, confilict with the "react-native-modalbox".When use the Redux store to control the display of another component which is react-native-modalbox's modal, the spinner's display will be affected.I think both two component use the same level of window & maybe solve it use @pavsidhu 's method
from react-native-loading-spinner-overlay.
ended up using my own component with activity indicator and a whole screen view without modal
from react-native-loading-spinner-overlay.
releasing new version shortly to npm with support for custom indicator
and indicatorStyle
from react-native-loading-spinner-overlay.
Another workaround can be adding the second spinner in Modal element but with different condition of showing (compared to the main spinner):
<Modal>
<Spinner />
<View>
[...] modal content
</View>
</Modal>
It also works like a charm. :)
from react-native-loading-spinner-overlay.
Related Issues (20)
- When i navigate to another screen and at that screen i have used spinner but its not working
- After dismissing the spinner, I can't tap on anything HOT 4
- No longer works with RN 0.63.2 HOT 1
- Font Family HOT 3
- Spinner is not staying on screen and may be causing a function to not work. Please help!
- Cancelable Spinner not work HOT 4
- Is it really for React-Native? HOT 1
- Dismissing spinner also dismisses modal HOT 3
- App unresponsive on iOS 15 after enabling then disabling HOT 6
- 2.0.0 to 3.0.0 migration? HOT 34
- Host key verification failed fatal: Could not read from remote repository.
- fixing android navigation bar popping up in apps that don't use it HOT 1
- Animation does not work
- example is missing code for CHILDREN
- can't style the View around the Text
- Need Callback: once completely stops spinner loading, we need one callback function. HOT 1
- in 0.62 it's not working well. HOT 3
- Is it possible to support onPress ? HOT 1
- Spinner is not spinning on specific Android device HOT 2
- Support "statusBarTranslucent" by upgrading to latest react native HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-loading-spinner-overlay.