Android app icon / ic_launch icon has white padding - javascript

Generated an app icon using
https://appicon.co/
Ive used this before for other apps and its working great but this time my app icon has white padding on android OS, , any idea why ?
Im using react native & already added assets to android native side
app icon
How icon looks on android home
icon on android

Try using this website to generate icons before uploading the image here make sure your icon doesn't have any transparent padding.
I've used this website multiple times works perfectly.

Turns out the issue is because the icon I'm using has transparent background. IOS did add white bg by default and handled it, android handled it by rapping the icon with white padding also.
Fixed after changing background to be white.

Related

YouTube shows black/white loading screen in Webview

I am developing a cross platform application using Cordova.
I am using an embedded YouTube video within the application.
When I tap play on the video the thumbnail image of the video disappears and a black / white loading screen emerges, shown below.
This does not occur when I test the application in Google Chrome or Safari, only when I run the application on a device (in this case an S4).
Does anyone have any ideas why this is happening and what I can do to restore the default black loading screen?

Overwriting Changing font-family react native android

In the android OS you can change font-family in the settings. I am making a react-native app and I don't want to the device to load a different font than I am setting for my app.
I am having trouble finding answers on how to disable this function in the android OS. I see lots of stuff for font scaling but nothing to disable changing font from within the android OS.
Justin, look in to setting the prop called allowFontScaling to false, this is keep your Font the same to what your app intentionally needs.
Link:
https://facebook.github.io/react-native/docs/text.html#allowfontscaling
I needed my font family to stay the same only for my apps header so I just took a screen shot of the font I wanted and added the screen shot for my header instead of a Text component.

Customising Google Chrome web browser in Mac OS X

On the google theme store https://chrome.google.com/webstore/category/themes you have themes that have not just the tabs but search bar etc. with background images, transparent not just the colour that is allowed when creating your own theme.
Q: Is there a file that I can edit like a CSS file attached to my chrome browser or any other way that I can customise my chrome browser.
Change the colours, add images, font size, highlight of text colours?
Thank you.

JQuery mobile button icons out of crop

I have a bunch of buttons on my Mobile website, all of which with default icons like these :
http://jquerymobile.com/test/docs/buttons/buttons-icons.html
Everything seems fine when looking at the website on chrome, but on ipod touch or iphone and even Android, the icons seem out of crop like on the next picture. Anyone know how this could be arranged ?
Is this a known bug ?
Thanks !
Replace the png images with the new ones.
It's not a bug, if you updated from an earlier version of jquery mobile then you will need to update the 18px and 36px icon sprites. In your case, it is probably the 36px (high dpi) icon set which is scaled in the css with background-size:

How to hide blackberry cursor in browser?

Is it possible to hide the blackberry cursor in the browser? Using Javascript or CSS?
I am trying to rebuild the technique used on native apps where you browse through the items with your poke. I think this works nice on their native apps and I like to use that technique on my website where visitors can browse through various of items using their blackberry poke.
PS. CSS
* {
cursor: url(cursor.png), none !important;
}
Does not work.
This BlackBerry page seems to confirm the cursor style can be changed.
What is the cursor.png file that you are using? Have you tried changing the PNG to be a completely transparent file instead of specifying "none" in the CSS? This website seems to suggest that will work.
As per the comment you should consider what happens for non touch screen devices, but you can always choose to target only touch screen devices by specifying the device models in App World when you deploy your app.

Categories