Review Skeleton View for iOS Swift 5


Happy day guys, I hope you are happy and calm. In this tutorial, I'm gonna talk and show to you how Skeleton View works. Many apps nowdays are using it. It's like a common way to load something that's not finished yet. You can use it for loading text or image. And I think it's very good UX. Not jut bored loading spinner by default.

You can use Sekeleton View for UIImageView or UILabel. That's what I used for my app and I will show you later. Before I used Toast-Swift to handle loading. The code is pretty simple though but I still used it for loading stuff. I usually calls this code "self.view.makeToastActivity(.center)" to show loading spinner on center of screen. And After load API finished I hide the loading spinner using self.view.hideToastActivity(). Just like this.

And If you use UITableView, you need to implement SkeletonTableViewDataSource to give Skeleton an idea how to react spesific UITableViewCell through cell identifier. And If you don't it implement it, it's not working I have tried and that's confusing me a little while.


I will give a little bit code that explain well. I just give only important code that's we have to notice. As image example above. There are circle UIImageView that I made it Skeleton. It's acutally in UITableViewCell. So in my UIViewController I need to implement SkeletonTableViewDataSource delegate and return cell identifier.



And in UITableViewCell, first we need to initialize isSkeletonable variable to true. I did it in awakeFromNib() method. It's like viewDidLoad in UIViewController. Second I load API in layoutSubviews(). Because in there it could call many times when we reload UITableview using UITableView.reload().

In loadAPI I load API before load it. I show skeleton using setSkeletonHidden method to show and hide skeleton. After load API finish I hide skeleton. It's simple as like that. You can try to run your device and check it. My simulator I used it's used to be iPhone 11. My real device only iPhone 6s lol. I need to have iPhone SE to change it. I love compact smartphone. No need to have big screen. I just need good performence. That's all.

Thanks for visiting my simple blog. If you have any question, please comment below. I think I have busy project that's comming. I want to learn about flutter and I hope I can release it on Playstore and Appstore. And give you some good idea to use flutter. Learning never ends guys if you love it.

Popular posts from this blog

How to restart the app with flutter Android and iOS

Image
Hi all, welcome back to my blog. And today lesson is about flutter again. I have a little problem when trying to resart the app directly from the app. So what I mean is I want to restart the app after users do something. Because if I don't do it, the app flow will be bad and the data that I want to refresh will be failed. So in my use case in my app is I want to restart the app after user sign in or sign out in my app. The reason is I need to restart all of the previous state. That's the easy way I can do, and I have some problems with camera plugin. The problem is happened only on android, so when you click sign in google/facebook, there'll be new page native from their sdk and making the app in inactive status. That'll will make camera bug, and it will make the app crash.
Read more

Missing system image Android Studio solution

Image
Happy holidays guys, this is december with long weekend haha. I still have a problem with Android Studio. After I update my emulator and suddenly I got a issue that is so weird. You can see picture above I need to redownload emulator from android studio. If you got a issue like me, don't worry and don't uninstall your android studio. It's not complicated to resolve it. You just need to redownload the emulator go to Tools -> AVD Manager. You can see the issue of your emulator and redownload or resolve it. And you will be like image above. Just wait the download and your emulator will be fine again. If you still have the issue, please comment below and let me know what's the problem. I'm happy if i can help you guys. I'm not expert but it's fun when i can solve programming issues.
Read more

How to have ConstraintLayout inside ScrollView and ScrollView inside ConstraintLayout Android

Image
Hai guys, last week I found a unique way to create layout Android look. You can see the title, that's actually what I want. I know it sounds weird but sometimes we need to create something that we might curious if it's in o n the internet or not. Why I'm using ConstraintLayout because it's almost same with iOS xcode. There is constraint where you can set top constraint, bottom constraint, left constraint and right constraint. So it's easy for me to design like what I want. But it's personal, it depends on you too. And fortunely you can combine ScrollView and ConstraintLayout. Because you need to worry when the height of your layout is high than real device height. And if you don't use UIScrollview your component will be unseen when the height of device is more small than layout that we design. Like my app, I want to use ConstraintLayout and ScrollView together. Maybe it can do with RelativeLayout or others layout. But something special that I want i
Read more