Comments (7)
Try moving ScrollView
inside BlurView
from react-native-blur.
I have this issue too. If you have a BlurView/BlurViews inside a ScrollView then it will drop frames when you scroll.
from react-native-blur.
Is there a way to reproduce it?
from react-native-blur.
Yes, i can reproduce it.When I scroll ScrollView, BlurView fuzzy position does not seem to change. Although BlurView has followed the scroll, but this will cause other common views which went to this position has become blurred.
from react-native-blur.
Can you share a code snippet?
from react-native-blur.
<ScrollView >
<View>
<Image
resizeMode={"cover"}
source={{uri: this.state.thumb}}
style={{width: ST.Dim.width, height: ST.Dim.width * 411/640}}>
<BlurView shouldRasterizeIOS={false} blurType="light" style={{flex: 1}}>
<View style={{alignItems: 'center', marginTop: w(35), flex: 1}}>
<TouchableOpacity onPress={
ST.interactFunc(function() {
global.nav.push({component: MyProfile})
})
}>
<Image
source={{uri: this.state.thumb}}
style={[styles.thumb, {borderWidth: 1, borderColor: 'white'}]}
/>
</TouchableOpacity>
</View>
</BlurView>
</Image>
</View>
</ScrollView>
from react-native-blur.
Any updates on it? Can I close this one?
from react-native-blur.
Related Issues (20)
- Error using BlurView inside of TouchableWithoutFeedback tag HOT 1
- The build fail on iOS in react-native 0.73.2 with Fabric enabled HOT 2
- On Android devices, returning from another page results in a white screen HOT 2
- Ripple effect on buttons not working when using blurView event in other component
- [Android] Unable to find /../../../node_modules/react-native/android
- how to give border radius
- Exception thrown while executing UI block: -[BlurView setOnClick:]: unrecognized selector sent to instance 0x11898b1c0 HOT 2
- Item has shadow over blurView on Android HOT 3
- screen cover with white color background issue HOT 3
- When using frosted glass stack to jump in Android mode, ReactNavigation will experience lag and frosted glass will reset HOT 2
- Android - RN .73.6 - BlurView overlapping whole screen HOT 2
- Pressable becomes full screen when inside BlurView on Android HOT 2
- gradient effect is blackish in ios but not showing same view in android HOT 1
- Navigation issue with blurView HOT 10
- i used this to display image in modal not work
- Can't build on Android - cannot find symbol Activity HOT 1
- Setting the namespace via a source AndroidManifest.xml's package attribute is deprecated. HOT 2
- Rendering a blur view on top of another renders only one of them HOT 1
- Android error: Software rendering doesn't support hardware bitmaps caused by PreDrawBlurController.
- IOS issue : Blur not visiable in small ios devices
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-blur.