I have a developed a small hybrid application using react-native technology.
I have made use of react-native-navigation for navigation purposes.
For IOS everything works fine but for android i am facing one issue.
I have a home screen and from which i am displaying a modal screen with the help of function this.props.navigator.showModal.
For android the new modal screen is displayed but it also displays the previous screen(home screen) contents underneath of it.
I don't understand why its happening and could not figure out the issue.
In RNN v1, modals have transparent background and don't detach the screen displayed beneath them. This behaviour applies only to Android and was consolidated with iOS in v2.
Related
When I move my React native app to background irrespective on which screen I am on, it shows white screen instead of the screen I should be in? I am not talking about the white splash screen.
This issue happens only on android and not on iOS
https://preview.redd.it/yhalbullg3b61.jpg?width=720&format=pjpg&auto=webp&s=a690d3470b7923d8de64d38fa335d86257fd6612
I am using React Navigation. I am not even sure what code to post or where to look for debugging.
I also tried with release mode apk but the issue persists for android.
This was not React-Native specific issue. I have set FLAG_SECURE in android for one of my Native module. Removing it resolved this issue
I want to implement custom splash screen using IBM Mobilefirst for both Android/IPhone platforms.
My requirement is to show a GIF image on app launch.
In Android, custom splash screen is perfectly working. But in IPhone, before showing the GIF image, the default splash screen is displaying.
From this blog https://www.ibm.com/developerworks/community/blogs/worklight/entry/creating_a_rich_hybrid_application_ui_with_ibm_worklight_foundation_6_2?lang=en , I got one sample application. When I run this project in android, there is no splash screen is displaying. But the same project in IPhone displays splash image before displaying the custom page.
I want to remove that default splash screen and only show the custom spalsh screen.
As suggested in the comments, you'll need to at least have the image, and then use it in a different way.
Follow this tutorial to add native UI to your MobileFirst-based Hybrid app: https://mobilefirstplatform.ibmcloud.com/tutorials/en/foundation/7.1/adding-native-functionality/ios-adding-native-ui-elements-hybrid-applications/
I've got an android trigger.io app, which I'm using a custom splash screen on. Once this splash screen disappears, I sometimes am left with a black/grey gradient background while my webview has not loaded the content of my app (either a log on or a configuration page)
This seems to happen more often when I'm attempting to show a Kendo UI Modal Window immediately (I'm using one for a "Welcome to the app" first time message), and less frequently when this isn't shown.
Are there any known compatibility issues between Trigger and Kendo that I should be aware of to fix or work around this?
Does this happen on all Android devices, or only the ones with ICS (Android 4+)?
I had a similar problem on ICS.
It turned out that it was caused by CSS rule -webkit-transform: translate3d(0,0,0).
I've just started to use the SmallApps API of Sony Tablet SDK. I need to show my small app always on the top but when user is opening the screen keyboard small app is making hidden. It possible to solve this problem?
I have built a few Android phonegap applications using Eclipse but when I run those applications on device (mobile/emulator):
It will display a blank black screen at the initial
It will display a black blank screen for few seconds before navigating to another page.
I've same problem previously. I solved by turn android:hardwareAccelerated to false in AndroidManifest.xml
If you upgrade to PhoneGap 1.3 the black screen between pages has been removed. We used to load each page in it's own activity but that is no longer the case.