Android Not Showing Font Icon In NativeScript - nativescript

I'm trying to use Ionicons with Android and NativeScript. I've included the ionicon.ttf file and my set font-family: "Ionicons". It's working on iOS, but not Android.

Android registers font names differently than iOS. For Ionicons, the font name is ionicons.ttf, so the correct CSS is font-family: "Ionicons", ionicons.

Related

Lottie files appear with no limbs in mobile SDKs

We have a Lottie animation that was created using Adobe After Effects and Rubberhose and then exported to json format for Lottie.
On the preview option on https://lottiefiles.com/ the animation runs as expected but once that same file is used inside the mobile apps it appears with no limbs.
We have tried including hidden and guided layers as per this issue on GitHub: https://github.com/airbnb/lottie-web/issues/2335
Current Lottie iOS SDK version: 3.2.3
iOS 14.5
iPhone 12 Pro simulator
Can anyone suggest something to resolve this issue?
Native iOS and Android Lottie players don't support expressions.
Export by selecting on the Bodymovin panel, in the cog next to the Composition > Expression options > Convert expressions to keyframes

use Gluon plugins deploy an android apk then all of the chinese charactor is not disapear

I creat a gluon project use multi view project(FXML) ,then I just modify the buttons character to chinese . the project run under desktop it's no problem but using android->android to deploy an apk and when install on android phone or andorid simulator and run it all of the chinese charactor is not dispear!
By default Gluon Mobile uses Roboto font, which doesn't include Chinese characters.
One easy way you can solve this issue is by setting any of the Android system fonts that do include them.
Using Font.getFamilies() on my Android device I discovered this one: Noto Sans CJK SC Regular.
So you can easily add this to the view's css file:
.view {
-fx-font-family: "Noto Sans CJK SC Regular";
}
That should work.

Paper Elements Dart installation

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"

Lato Font Not Importing Correctly

I imported the Lato fonts from Google fonts. This is how I imported the fonts. This is how the preview looks in Xcode. What is happening?

How to force kendoui mobile to use ios theme for Android

Is there a way to force kendoui mobile to use same ios theme of my application for both iOs and android.
Check the Kendo UI Mobile docs for how to force a platform style.
The theme can be set in the app initialization.
var app = new kendo.mobile.Application(document.body,
{
platform: "android"
});
as per http://docs.telerik.com/kendo-ui/api/mobile/application#configuration-platform

Resources