Comments (6)
I'm not sure if this is related, but I've been trying to get this plugin to work in an Ionic app and having problems. As soon as I pass window.plugins.nativepagetransitions.flip/slide()
an href
nothing works.
You can see the issue by cloning this repo, and adding the following code after this line in the ready block:
setTimeout(function() {
// This works
// window.location.href = "#/tab/settings";
// This doesn't
window.plugins.nativepagetransitions.flip({
href: "#/tab/settings"
});
}, 2000);
Any ideas @EddyVerbruggen?
from nativepagetransitions.
@tjvantoll What does seem to work is href: "index.html#/tab/settings"
instead of href: "#/tab/settings"
The plugin should be able to handle your href
as well though, so I will fix that.
from nativepagetransitions.
@EddyVerbruggen Yep, index.html#/tab/settings
works as expected. Thanks for the help!
from nativepagetransitions.
Hey Guys!
I am using the plugin with UI-Router, i created a service for navigation that takes the name of the state and the params, create the url and make the transition using the href property. The problem that i have is that the event stateChangeSuccess is triggered before the transition is complete. Could this cause problems?
from nativepagetransitions.
I'm experiencing something similar. If I pass index.html#/myroute
, the main view immediately transitions, then about 10 seconds later I get an Application Error:
The connection to the server was unsuccessful. (file://android_asset/www/index.html#/myroute)
Anyone get this to work with angular yet?
from nativepagetransitions.
I am using it and is working ok, not perfect but ok. I am using a service for replacing the $state.go of UI-Router, here is the code.
$pageTransitions.transitionTo = function(state, params, transition, direction) {
var deferred = $q.defer();
var urlFormated = $state.href(state, params);
console.log('URL FORMATED');
console.log(urlFormated);
if (transition == 'slide') {
slideOptions.href = 'index.html' + urlFormated;
slideOptions.direction = direction;
window.plugins.nativepagetransitions.slide(
slideOptions,
function(msg) {
console.log('$pageTransitions.transitionTo --> Success');
deferred.resolve();
},
function(msg) {
console.log('$pageTransitions.transitionTo --> Error');
deferred.reject();
//$state.go(state, params);
}
);
} else if (transition == 'flip') {
flipOptions.href = 'index.html' + urlFormated;
flipOptions.direction = direction;
window.plugins.nativepagetransitions.flip(
flipOptions,
function(msg) {
console.log('$pageTransitions.transitionTo --> Success');
deferred.resolve();
},
function(msg) {
console.log('$pageTransitions.transitionTo --> Error');
deferred.reject();
//$state.go(state, params);
}
);
}
return deferred.promise;
};
Then if the transition was successful, i am broadcasting an event and using it in the controller if i need to init something after the transition is completed. $rootScope.$broadcast('transition:success');
from nativepagetransitions.
Related Issues (20)
- IOS- CSS transforms ignored during screenshot HOT 1
- Modal transition effect HOT 1
- In iOS11 when I click the more button to jump straight fast will be stuck phenomenon
- Native transition with ionic on real device HOT 5
- Race conditions when quickly starting and completing pending transitions. HOT 1
- slide transition screenshot showing artifacts after some time HOT 2
- findCrosswalkTextureView function returns null
- How to set this work?
- Page hangs after transition on Android HOT 6
- Reset navigation History
- 是否支持wkwebview?
- Page flips twice on IOS
- Use nativePageTransitions on Ionic 4 beta HOT 2
- cordova-plugin-camera-preview toBack = true not working
- java.lang.NullPointerException: Attempt to invoke virtual method 'int android.graphics.Bitmap.getWidth()' on a null object reference HOT 1
- Error: exec proxy not found for :: NativePageTransitions :: curl
- NativePageTransitions still using UIWebView instead of WKWebView HOT 4
- Is it possible to clear the old screenshot?
- Buggy on older devices
- NativePageTransitions.getBitmap crash
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 nativepagetransitions.