Is it possible to create a vertical swiped screen change in Phonegap - (as in the Facebook app where you can swipe left to view notifications).
I would like to contain 5 pages within the main app - but also be able to swipe left to view a separate page that contains a list of notifications / calendar items
Just wanted toi be sure this was possible before heading down that route..
Cheers
Paul
So you essentially want scrolling but by page? You could use the jQuery Mobile scrollview to get the functionality http://jquerymobile.com/demos/1.0a4.1/experiments/scrollview/scrollview-direction.html
Related
I what to create an iPhone app which loads web WhatsApp in web view and scroll automatically to top/bottom the chat view content to specified number of pixels.
I am using a WKWebView and I need to inject a JavaScript code, which will run when I will press a button in iPhone app.
Can someone of you help me with JS code to do this?
This JS code should found a chat view content and scroll top/bottom with specified N pixels.
Example
I want to scroll automatically the selected chat to bottom with 100 pixels.
Thank you in advance!
On android one can add listener to Backhandler to detect hardware back action. So, if i create a screen and modify the content of the screen upon some action, then it is easy to go back to previous content with backhandler listener.
On ios, this is not possible to do with the swipe gesture.
React navigation does provide swipe gesture enable/disable to disable the action all together. But if i want to use the swipe gesture to update the content of the app, is it possible with react native/react navigation?
Or adding new screens with different content is the only and recommended option?
for example signing up on the app.
On android what i do is create a single screen and modify its content with different sub components when user presses the next button and its easier to go back by listening to hardware press back. But on ios one can go back by swiping left to right. But using react navigation it goes back to previous screen and i find no way to listen to the gesture and go back to previous sub component instead of previous screen.
React Native Swipe Gestures use this library.
I hope it help you.
I am developing a react-native app. I'm trying to make a UI element similar to the one on Maps in iOS, in which you can slide a panel from the bottom.
The behavior of the list is quite complicated as:
You can't scroll down the list until the panel is fully open.
Trying to scroll it down makes the panel go up, and then if you continue the sliding movement on the screen the list starts scrolling.
And of course:
You can't slide the panel down until the list is at the beginning.
If you try to slide the panel down and the list isn't fully scrolled up, you end up scrolling the list to the beginning and then pulling the panel down.
The list scrolling up or down and the panel moving up or down has to be made in one movement. The user doesn't have to pull his finger out of the screen to make the second action. This is the actual hard part. Furthermore, it has to work on iOS and Android.
An example GIF of the iOS panel and the expected behavior.
The perfect module would be something like this, but the list is still scrollable even when it has reached the top: https://github.com/donaldmorton/react-native-bottom-drawer
I tried with this module without success:
https://github.com/simonhoss/react-native-touch-through-view
Something like that in react-native would be perfect:
How can I mimic the bottom sheet from the Maps app?
I already checked this post:
React Native slide out panel and scrollview
Any kind of help is welcomed, thank you!
You can see https://github.com/osdnk/react-native-reanimated-bottom-sheet.
It built from scratch with react-native-gesture-handler and react-native-reanimated
I'm working on an app which has buttons at the bottom of the screen(looks like tab bar). I found that if I enable the access to control center in app, there will be a notable delay between tapping on the buttons and the highlighted image showing. In fact the highlighted image will never show if I do not hold on the touch for at least about 0.5 second. I'm wondering if there is a way to disable the delay even the access of control center in app is ON so that users of my app will know the buttons did have been tapped. Any hint will be appreciated.
I developed an app with jquery mobile ,but I want to scroll the content inside using the middle touch button of device. Currently I can scroll the page vertically but not horizontatly.
Try setting your page width to a value above 100%.
Not much else can be done to help you without posting code/what you've tired.