Paper Elements Dart installation - ios8

I would like to use this: https://pub.dartlang.org/packages/paper_elements
I followed these steps for installation:
Adding paper_elements: "^0.7.1+1" in pubspec.yaml dependencies
Importing the desired element into a dummy component template, like so: <link rel="import" href="packages/paper_elements/paper_button.html">
Adding import 'package:paper_elements/paper_button.dart'; into the dummy component
Using element like this into component template: <paper-button raised="" role="button">button</paper-button>
Compile dummy app with Phonegap. Everything is fine on Android. But the paper button is not rendered in iOS 8. I can only see the button text.
Any ideas if paper-elements have issues on iOS 8 or did anyone successfully tested dart paper-elements on iOS 8?
Thanks

This is a workaround I found recently. It doesn't mention iOS8 but I guess it's worth a try.
https://github.com/dart-lang/polymer-dart/issues/538#issuecomment-141135722
It appears that problem is in outdated web_components, i got it all working on iOS 9 and OSX 10.11 by overriding web_components in my yams file by adding:
dependency_overrides:
web_components: "^0.12.0+3"

Related

How to debug a Cordova app showing blank screen in XCode Simulator

We inherited an app where the frontend is built in Vue 2 and the mobile app built with cordova-ios (6.2.0) and cordova-android (10.1.1). It has built ok and loaded in the XCode (13.2.1) simulator until recently.
It's got some fairly old packages which I upgraded, and managed to get it to run both in vue ui and Android Studio (Chipmunk). (I had upgraded the packages because somewhere along the line that build broke -- so I deleted node_modules and package-lock.json, then upgraded packages one by one until I got it working again.)
However, when I do the Cordova build for iOS, open the project in XCode, do an XCode build, then open it up in a simulator, the screen is completely blank.
These are the only files that changed in version control between releases:
package.json
package-lock.json
babel.config.js
(various Vue files under src/views)
I'm fairly new to mobile development so don't really know how to proceed. How would I go about debugging the project (simulator, XCode, whatever) to see what has broken?
Any extra information you need please ask.
Edit 1: Avinash's suggestion about debugging via Safari Dev Console was a good tip (thanks Avinash). I've checked the app HTML vs a working build and it seems somehow the injection of the app content into <div id="app"> is not happening. In the android version it's fine, so maybe something in the cordova build is not happy.
There's an error message in the debug logging in XCode saying it could not load the "LaunchStoryboard" image referenced from a nib in the bundle with identifier which is also different from the output in a working build.
Avinash's suggestion is spot on in that it can help troubleshoot startup problems (I've had to do this a bunch of times myself). From your update, it sounds like there's an issue with the splash screen configuration.
There's some iOS specific documentation for the splash screen plugin on the Cordova documentation website. A couple tips that might be useful in tracking down the issue:
You can use a single image for the splash screen if desired. I've got just one defined for my app (the needed dimensions are defined in the Cordova docs above):
<platform name="iOS">
...
<splash src="www/res/screen/ios/Default#2x~universal~anyany.png" />
</platform>
I have also run into issues where the storyboard file has gotten corrupted, probably by me falling on my keyboard and clicking on something while the editor was open. To rebuild, you can remove and re-add the iOS platform:
$ cordova platform rm ios
$ cordova platform add ios
This should copy over the splash image and rebuild the storyboard file.

Are Lottie animations supported in Xamarin.Forms UWP projects?

I am trying to add Lottie animations to my project.
So far I've only tested on android and I got it working.
Now I'm also trying to add them to my UWP app but I can't find a guide on how to do this.
There is this link that tells me lottie is supported on UWP.
And this post and (probably as a reaction) this post suggests it is possible within xamarin forms uwp.
I can't find a clear reference (or a tutorial) online if this is supported for Xamarin.Forms UWP projects. I'm mainly in doubt because I'm not sure if the Xamarin.Forms.UWP 'flavor' is the same as a 'normal' UWP application.
I could really appreciate a nudge in the right direction.
I think it has something to do with this bug.
Although this sample with an older version (2.5.4) was not built with "support" for UWP
I did get it working by adding the resources to the root dir and setting the build action to Content.
Downgrading the library in my own project to 2.5.4 fixed the problem for me.

XamarinForms : System.MissingFieldException: Field 'Xamarin.Forms.Slider.MinimumTrackColorProperty' not found

I am trying to compile and run an app that is working fine in the iOS simulator, but with Android I'm receiving
"System.MissingFieldException: Field 'Xamarin.Forms.Slider.MinimumTrackColorProperty' not found."
when trying to put it through the simulator.
Any idea why it doesn't like me setting the MinimumTrackColor?
It looks like the stable version of Xamarin.Forms for Android doesn't include that property.
I've upgraded it to the development branch, and now it doesn't throw an error but the colors are still off. I'm guessing this is just part of the dev process of the nugget.
Thank you, SushiHangover.

Nativescript autocomplete in ios crash

Hi all am trying to achieve an autocomplete using nativescript for a project. It was working fine with nativescript-pro-ui, but i updated that plugin to nativescript-ui-autocomplete. Afterwards it begins to crash whenever i try to invoke that in ios, it works fine in android.Any help will be appreciated. Thanks
There are currently two open issues about a crash in iOS. I see this is an old issue and they are probably not related to this one but I'm listing them here for reference.
https://github.com/NativeScript/NativeScript/issues/9031
https://github.com/ProgressNS/nativescript-ui-feedback/issues/1487

Interface Builder appears blurry on retina display in Xcode 6.3

I just recently downloaded the latest public release of Xcode (6.3) and I noticed the storyboard for my app is now low res on my Retina MacBook Pro. Images, text and standard UI elements all appear blurry. On the actual device everything looks fine and code still looks sharp its just while working in the Interface Builder.
Has anybody else noticed this and figured out a way to fix it? This is happening to me in both Swift and Objective-C projects including in Apple's sample projects (Master-Detail Application and etc).
I submitted this as a bug report, and Apple responded by saying that it is the desired appearance. They did not give an explanation, that was all they said.
It appears to be related to a bug in the newest iOS SDK, and as a workaround, they've forced Interface Builder to render everything at 1x. Currently, there doesn't seem to be any solution to this annoying problem other than to wait.
Just installed Xcode version 6.3.2 and this issue appears to have been fixed.
Have you tried re-installation of the same version? That helped once.
Alternatively, can upgrade to newer version, too.

Resources