Xamarin Forms Instagram Home Page Desing

Hello friends. In this article, we will talk about how the design can be done which is one of the most difficult aspects of Xamarin.Forms. While Xamarin Forms attracts users with a lot of features, developers can be attracted by the difficult design. So in this article we will talk about how to make Instagram home page, one of the most used applications with Xamarin Forms. In a previous article we have done the design of Instagram’s home page. You can read it here.

First, we open an empty project. Then we can start to design. When we look at the general structure of Instagram, we see that it is in Tabbed Page. It consists of 5 pages. All of these pages have an icon. I had a hard time finding these icons. You can find and add better ones.

After adding 5 pages to Tabbed Page, we need to fill in the Navigation field of the page. We used to face a lot of problems to do something like that. Now with the Xamarin Forms version 3.2, we can easily edit it. We assign a grid and divide it into 3 sections. Then we add icons. Tap Gesture and click on the pictures you want.

We already know that there are only posts on the main page after these transactions. We’re putting all these postings in a listview. This place is a bit confused, but you’ll see that the fact that you’re studying isn’t that much harder. You can handle transactions with grids. You can also find the design below. We divided it into 7 rows. We can put what we want in these rows. Like I said, his icons haven’t been so good. You can find and integrate better icons.

As you have seen below, the design screen appears.

If you have designs that you want or have difficulty doing, you can contact me by comment or mail.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.