Comments (5)
@stephenkopylov Thanks for your reply!
We are trying to keep this library lightest possible to prevent creating the monster.
I can only support that approach.
Have a great day!
KR,
Leo
from react-native-hole-view.
Hi @leo-bo!
Let me clarify one detail:
Do you mean alpha/opacity fade in/out?
If so - it's not so difficult to implement on our side
from react-native-hole-view.
@leo-bo
Bud have you tried to put <AnimatedView>
as nested view into <RNHoleView>
and set the RNHoleView's
background color to fully transparent one?
from react-native-hole-view.
Dear @stephenkopylov ,
Thanks a lot for reacting so quickly, highly appreciated!
Bud have you tried to put as nested view into and set the RNHoleView's background color to fully transparent one?
I have not thought of that, thanks for the hint! I wonder whether that was mentioned somewhere in the examples/documentation and I simply missed it.
I believe your library is a great solution for implementing onboarding for new users of an app. At least that's what our company uses it for. In such a use case revealing the overlay smoothly is a must, hence my feature request.
Here's an example of a screen that I needed to overlay in the onboarding in our app:
Surely I needed a smooth and eased transition between those two states. For now I have solved the task by animating the RGBA value of backgroundColor
in the style of <RNHoleView>
via requestAnimationFrame()
+ an easing formula. The solution is performant enough but I'll try the approach you suggested as well since it probably is even better.
I believe I am not the only one who might want to use your library in such a way. Perhaps some explicit documentation on how fade-in and fade-out effects of <RNHoleView>
should be achieved could be very helpful.
Once again, thank you for your time!
KR,
Leo
from react-native-hole-view.
I wonder whether that was mentioned somewhere in the examples/documentation and I simply missed it
It means that you can put any kind of view inside <RNHoleView>
without loosing it's features (yes, including <Animated.View>
too) =)
We are trying to keep this library lightest possible to prevent creating the monster.
So if the workaround with putting <AnimatedView>
into the <RNHoleView>
works for your case - I'd prefer to leave it as it is.
But if you'll face any problems - let us know, we'll try to fix it!
from react-native-hole-view.
Related Issues (20)
- Not compatible with Expo 44 HOT 2
- Execution failed for task ':react-native-hole-view:compileDebugKotlin'. HOT 3
- [android]: unable to click on a TouchableOpacity in React Native 0.70.5 HOT 16
- Doesn't compile with React Native 0.71.1 HOT 5
- Flickering after some animations passed HOT 2
- Gradle plugin deprecated HOT 4
- Support for new architecture HOT 5
- Build generation failed on Android : > Task :react-native-hole-view:compileReleaseKotlin FAILED HOT 5
- dynamic hole HOT 3
- rerendering, going from 1 hole, to no holes doesn't seem to erase the old hole HOT 2
- Animate hole opacity HOT 6
- background color issue when I have two hole on same position HOT 1
- borderRadius is not animated (and it's jarring) in some circumstances
- Compilation failure, Android with RN 0.73.1 HOT 5
- [QUESTION] FlatList inside RNHoleView HOT 1
- 'react/utils/fnv1a.h' file not found HOT 3
- Execution failed for task ':react-native-hole-view:compileDebugKotlin'. HOT 1
- animation doesn't work HOT 4
- Using RNHoleView on Android with position: "absolute" doesn't work 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-hole-view.