I just saw a post on the phonegap google group about the issue
iOS NativeControls - showToolBarTitle() is not working.
and have spent my last two days with searching a solution for this issue.
More specifically - I want to add a native iOS toolbar to my phonegap app with the following features:
Title at the middle (I prefer an image, but a simple String in white color is also fine).
Back button (at the left side).
Action button (at the right side).
Background color - I want to control the backgroud color of the toolbar (I want it to be green!)
Can you please help me in anyway to complete this tasks?
Do you have some partial working code like NativeControls toolbar?
P.S - I already implemented a tabbar with the NativeControls plugin.
Tnx!
Lior.
Recently I have rewritten nativecontrols plugin for cordova 3.0. I see this question is a little outdated, but probably someone would want to use this plugin. actionsheet and toolbar is working now, tabbar and navbar is WIP.
https://github.com/apla/me.apla.cordova.nativecontrols
BTW, in original repository toolbar is never works.
Related
I'm using Maui to create a cross-platform app. To navigate through the app the appshell is used. On Android everything is working fine, but on IOS the custom titleview isn't displayed right. After startup only the bottom half of the view is visible, and after I switch to a different tab and back, the titleview is gone completely. I'm not sure what I'm doing wrong. Is there any way to fix this?
(Maybe related to https://github.com/dotnet/maui/pull/12834 but I'm not sure)
xaml:
<Shell.TitleView>
<Grid>
-- content --
</Grid>
</Shell.TitleView>
This issue can be reproduced for iOS. Several issues on Github has mentioned this question: Shell TitleView disappearing on tab change #9687 and Title view not displayed after navigating shell tabs #9269.
Also, several workaround has been found, such as wrapping the shell in a navigation page and using a custom render for AppShell on iOS.
Seems so many issues are related to the commit you mentioned in the question. You could wait for the new release, update Visual Studio and reopen these issues if it still not work.
Hope it works for you.
I am dealing with a weird bug on Ionic's iOS native build where I sometimes cannot swipe back or switch tabs once I transition to a new page using router.navigateByURL(...), and trying to debug this issue has been troublesome since I can't "see" how the gestures are handled. Does anyone know where I should be looking in the code for handling transition gestures?
Here's a video demo of the problem: https://streamable.com/hk9c0
In the video, you can see me:
Swiping down to refresh using the ion-refresher element and you can see the page beneath (already entered a bug report for that part: https://github.com/ionic-team/ionic/issues/18284 )
Trying to tap the back arrow in the left corner
Attempting to swipe left to right to go back a page (hard to show that one)
Tapping the bottom tabs to transition to new tab, at one point, I tap on a tab that has an ion-fab element which appears in the bottom right because its z-index is higher than the "stuck" page.
Currently the best I've been able to do is by looking at the css classes that are added to the pages, but it's not much use....
Where app-release is the page you can see in the video and app-home is the page underneath the stack. It's my understanding that Ionic uses hammer.jsfor gestures, so I added it as a tag, please correct me if I am wrong. I cannot, for the life of me, recreate this bug consistently, but will often trigger 1 out of 50 tries.
I've been digging through the utils in Ionic Core to see where elements are being added and removed, with no luck.
I created a bug request for this here as well: https://github.com/ionic-team/ionic/issues/18305
Are you using #angular/animations to make the transitions between the pages? I had some issues like yours, as you can see in my question.
Router navigate on Ionic with animation blinking on ios using angular animations
If I am right about the use of #angualar/animations I suggest to use a custom animation of the Ionic itself, and not te angular's. You can see an working example here of its use here:
https://github.com/mhartington/ionic4-custom-animation
Since I have less tem 50 rep I cant comment so I had to post this anwser not knowing if it was really your case. Hope it helps.
Working with Cordova and Ionic at the moment and trying to make an app as backwards compatible as possible (which is going surprisingly well) except I have stumbled upon one small issue.
The navbar after iOS 7 is bigger in that it covers the background of the status bar as well, as seen below.
So when I load the app on a phone running iOS 6 or earlier, the status bar doesn't get resized, the whole page just gets moved down, hiding some of the content in the footer.
Any help would be greatly appreciated. I'm probably missing something simple.
If I'm understanding correctly, then you need to add padding like this:
document.body.style.marginTop = "20px";
This should make the navbar view correctly.
See this - http://coenraets.org/blog/2013/09/phonegap-and-cordova-with-ios-7/
I'm new to native development on xcode and have gotten started working with WatchKit to put together a Watch extension for my HTML5 hybrid app. I'm trying to figure out how to hide the indicator dot on a page-based app view. It looks like the iOS analogue provides the ability to hide the dot, but I can't seem to find anything for WatchKit. The Apple reference site doesn't appear to indicate any such functionality, and don't see any config in the storyboard. I've Googled and searched on StackOverflow, and haven't found anything there either.
Is it possible to hide the page indicator dot on a page-based app view? If so, how might I accomplish this?
It is currently not possible to hide page indicator.
I'm looking for these button icons,
, that I found in the Apple developer's guide for working with toolbars (almost half way down the page, but I can't find them in the storyboard.
I found a bunch of other icons in the storyboard for images, as shown here on the right, and I expected they would be there but they weren't.
Where do I get all these icons that Apple suggests I use? I would really like to use the up/down arrows for casting votes in my app.
Specifically, where can I get all of the images found in this guide
(source: apple.com)
They are not available. They're just a list of icons they have developed for iOS as a showcase. You should look into making them yourself and applying them as a UIButtonTypeCustom. Small drawback is that if the iOS style changes (like iOS6 -> iOS7) you need to manually update your custom buttons while the rest is automatically upgraded.