Environment
iPhone XR
React Native 0.59.9
React Native Vector Icons 6.5.0
Description
using import Icon from 'react-native-vector-icons/Ionicons';
even if I return <Icon /> with no parameters, the icon is blurred/aliased.
Changing the size and css doesn't change anything.
I couldn't find anything in the docs about this so any guidance is very very appreciated :)
Here's a screenshot of what I'm talking about
This doesn't happen in any other iPhone,
Related
All the app icons in my .NET MAUI app seem to work correctly, except for this little guy on iOS. You see this icon when you swipe up to see all the open apps.
I guess, somehow I'm missing this but I uploaded all the icons with different sizes Apple requires for iOS apps. Which one is this icon and how do I make sure I'm giving Apple my app's icon for this particular size so it doesn't default to the .NET icon?
Yes,this is often the case when you are using images that are not formatted correctly or are very complex. And I've had similar problems before.
Vector graphics are highly recommended in ios.
How to take a panorama picture using Ionic ? i tried using the camera plugin on ionic but no luck. it just take a simple picture.
Extra Camera features such as panorama mode (with multiple images blending etc) are not yet exposed by platforms APIs unfortunately. You can not achieve it in Ionic since current plugins do not have those functions.
Android requires 5 different resolution of images and ios requires 3 different resolution of images during development.
Does unity requires different resolutions of images while building for android or ios?
The short answer is NO. But it's way more complicated than that.
On unity, you can always submit your icon once and it will resize to each required size on each platform you'd like to publish your app. You can see that on player settings. Build Settings > Player Settings > Icon. You can also submit your own custom icon for each platform selecting the checkbox "Override for ...", there you can submit different sizes for each platform.
Now comes the tricky part. During the last four years, I've published 7 games and I ALWAYS had problems with icons on iOS and XCode. When publishing your game to iOS, I never tested the cloud build but whenever you build your game to iOS locally, you'll be prompt with a Xcode file that you have to edit before building for profiling and archiving which will allow you to publish your game to iTunes Connect. This is the part where I constantly have problems. I didn't test the new 2017 version but before that, some required icon sizes were not filled correctly so you had to go and drag from your computer. It's better to be ready to, MAYBE, fill some icon sizes yourself.
Another thing you might notice is that on store listing, you might have problems with icon sizes too. For example: For your google play listing, you'll require a 512x512 icon. For your iTunes Connect, you'll require a 1024x1024 icon and for Windows Phone, much like apple, you'll require all sorts of icon sizes. The same goes for screenshots.
But TL:DR: For Unity, you can always submit your icon once and Unity will resize it for each platform and required size you need. You can check that under Build Settings > Player Settings > Icon
canvasOn a web page in a mobile web application I am developing, I have a fileinput control that is used to take a picture with a mobile device camera. The image from the camera is then drawn onto an HTML5 canvas object on the same page.
The issue I am having is that if the web application is run on an iPhone 5 running iOS 7 (in the Safari web browser), the image appears extremely distorted. Specifically, the image appears to be vertically squished when drawn on the canvas. If the same web application is run on an Android device, no distortion is seen.
In previous versions of iOS and on iOS devices prior to iPhone 5, some vertical squishing was seen (although not as bad as this), and a jquery plugin named megapixel-image.js could be used to correct the vertical squishing. This tool unfortunately is not compatible with iOS 7.
Is this related to image subsampling in Safari or something else? What can be done to correct this? I obviously cannot have my users see this distorted image. Any mobile web app developer who wants to use the camera and HTML5 canvas is going to run into this, so a solution is mandatory.
megapixel-image.js does handle this correctly. I found I was passing some parameters to the plugin incorrectly, causing it not to work. My thanks to Ray Nicholus for his assistance with this issue.
I tried to embed font at web pages. I can see the font rendering properly at latest non-IE browsers, but when I tried with Iphone Safari Browser, it doesn't render. I want to know whether Iphone Safari supports font embedding. Thanks.
They work in SVG format. Use the fontsquirrel.com generator to make the SVG version.
I'd noticed the same thing, but in truth you can get it to work but with SVG fonts. See this article: http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/ for a method for converting web fonts into enough formats to be truly cross-platform.