I'm building out an iPhone and Android app using nativescript angular.
Since the app will be loading images in a list view, I have the nativescript fresco plugin to take care of loading the images and it works beautifully btw. Unfortunately this only take care of Android side.
I was wondering what other developers use when developing for nativescript apps for IOS.
clarification: what I'm really trying to figure out is what should I use to replace fresco when developing for ios.
Also, I now have all these Fresco tags for all the images for android. But what do you do when you are ready to develop for IOS? Do I need to have *ngIF statements on all of them for android and use default Image tags for IOS?
You can use the <android></android> or <ios></ios> tags for platform specific views
e.g
<android>
<FrescoDrawee [imageUri]="someImage"></FrescoDrawee>
</android>
<ios>
<Image [src]="someImage"></Image>
</ios>
There is also the SDWebImage library which can automatically manage caching.
http://cocoadocs.org/docsets/SDWebImage/4.1.2/
Related
I am developing react native app. I wanted to know about design screens that is automatically adjust to iOS and android devices. For example we are using auto layout for iOS apps which gives consistent view for all iPhones and iPads.
I am little bit confused about designing screens for android and iPhones. I know how to design UI for Native platform that is consistent for all devices.
Yes, you can create UI for both Android and IOS devices using the same js file.
Mainly u need to have a good idea about flexbox. It is the base of creating responsive UI for compatible all devices. Follow below tutorials and get a good idea about flexbox and design responsive UI
https://facebook.github.io/react-native/docs/flexbox
https://medium.com/the-react-native-log/a-mini-course-on-react-native-flexbox-2832a1ccc6
and You can find a good example of components https://github.com/jondot/awesome-react-native here.
Hi I am working on a xamarin.forms cross platform app and I am not able to get proper UI If I check the same app on other phone there is misalignment in the buttons.Is there any code that can be used so the buttons look fine in all phones ?
Thanks
Making a responsive mobile app UI could actually be a challenge somehow. These two links however, might be helpful:
Adaptive UI with Xamarin.Forms
Tips for Building Adaptive Xamarin.Forms Apps
I'm building an application where i render many images in swiper, flatlist and i'm using React Native Image Component, but the component loads the images very fast on Android and very slow on iOS, also the caching is better on android than ios although i use force-cache prop, is there any way to improve image performance for ios ?!
You might want to use react-native-web-image, it often gives a way faster experience.
I wanted to use covalent ui components with a nativescript angular app. Is that possible? I am a newbie with nativescript development. Can we use any angular library with nativescript?
You can not use covalent ui components on nativescript as those work only on web.
You can search here for ui components and other plugins
And you can use angular libraries as long as they don't use DOM api's, for example NGRX will work like a charm ;)
It is possible to access default photo gallery from Android and IOS and display in Xamarin.Forms
Note: I am not talk about picker. I need list of photos from gallery and show in list in Portable Library in xamarin forms.
There is no out of the box API available in the Xamarin Forms to enumerate the images from the iOS/Android. You will need to create CustomRenderer or DependencyService to list the images.
The following post may help you implement it -
iOS https://stackoverflow.com/a/32863564/85606
Android https://stackoverflow.com/a/4196411/85606
The below link is about creating your own gallery, where you can use it as per your requirement..
"http://rasmustc.com/blog/Image-Gallery-With-Xamarin-Forms/"...
Hope this helps...