Comments (3)
Nhacsam
commented on July 2, 2024
It should be if you have no foreground : #6 (comment)
Can I see your code ?
from react-native-image-header-scroll-view.
eddyjusufi
commented on July 2, 2024
@Nhacsam I do have text as foreground. Is there any way to trigger the header bounce/zoom through it nonetheless? Here is what my code looks like:
<HeaderImageScrollView
maxHeight={MAX_HEIGHT}
minHeight={MIN_HEIGHT}
minOverlayOpacity={0}
maxOverlayOpacity={0}
headerImage={require("../../../assets/images/headerImage.jpg")}
renderForeground={() => (
<View style={{ flex: 1, flexDirection: 'row', alignSelf: "flex-end", alignItems: "flex-end" }} >
<TouchableOpacity onPress={() => console.log("tap!!")}>
<Text style={{ color: "white", backgroundColor: "transparent", alignSelf: "center" }}>Really long text with a link when pressed</Text>
</TouchableOpacity>
</View>
)}
>
<View style={{ flex: 1, height: 1000 }}>
<TriggeringView onHide={() => console.log("text hidden")}>
<Text>Scroll Me!</Text>
</TriggeringView>
</View>
</HeaderImageScrollView>
from react-native-image-header-scroll-view.
Nhacsam
commented on July 2, 2024
No, you can't right now, The foreground intercept the touch event and don't propagate it to the scrollView behind.
from react-native-image-header-scroll-view.
Related Issues (20)
- Updating documentation & examples in v1.0.0
- 'onScroll' not usable when 'useNativeDriver' is 'true'.
- Optional props are required
- React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. HOT 2
- render Fixed Foreground problem
- MALWARE: infected all of my projects with countless vulnerabilities which cannot be resolved. HOT 1
- renderForeground (in version 1.0) does not display content when using react navigation 6
- Make renderForeground scrollable HOT 3
- Scroll Indicator is buggy. HOT 1
- how to show back button ? HOT 6
- Rendering overflowing Items does not work on Android HOT 5
- onScroll with useNativeDriver
- ListView is deprecated HOT 1
- TriggeringView doesn't trigger callback function while scrolling HOT 18
- can't use version 1.0 HOT 1
- scroll to top
- ScrollToTop HOT 1
- Typing ImageHeaderScrollView && TriggeringView HOT 1
- Cannot run example
- onPress within renderFixedForeground() not working for me 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-image-header-scroll-view.