Comments (7)
Try moving ScrollView
inside BlurView
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.
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.
Related Issues (20)
- Using Blur View in FlatList Footer component to just blur single view
- how to fix issue with android HOT 5
- "AndroidBlurView" not found in UImanager while using import { BlurView } from @react-native-communtiy/blur package HOT 1
- Bluring over video is not working on Android? HOT 3
- Blurview does not retain in constraints in android HOT 16
- React-native-blur can't run in react native 0.60
- Trouble building with newArchEnabled on Android HOT 2
- Failed to build on React Native 0.72.1 :react-native-community_blur:copyReleaseJniLibsProjectAndLocalJars FAILED HOT 5
- Invariant Violation: requireNativeComponent: "AndroidBlurView" was not found in the UIManager. HOT 3
- BlurView in iOS failed, But Work in Android. RN0.71.1 HOT 1
- Android app: Namespace not specified. Please specify a namespace in the module's build.gradle file like so: HOT 4
- BlurViewPackage.java:33: error: cannot find symbol return Collections.<ViewManager>singletonList(new BlurViewManager(reactContext));
- Is it possible to use BlurView with Reanimated2 to have it go from blur to no blur at all? HOT 7
- When use BlurView in Android for example in a card, when navigate these screen put white background in all screen HOT 17
- can use in macos and windows os? HOT 1
- Android build app crashed in version ^4.3.2 HOT 1
- Add support for Clear/Transparent Blur background HOT 8
- BlurRadius prop not working on IOS platform.
- 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
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.