Placeholder Image

字幕列表 影片播放

  • you.

  • All right.

  • So what we're building today was suggested by one of you guys on it is a Netflix clone.

  • And if you look at the Netflix Act, it is quite an intricate app, and it has lots of different pages and lots of different stuff going on.

  • So what I'll do is I'll start by just building the home page, and then we'll see how that goes.

  • And maybe I'll start building some of the other stuff as well.

  • But if I don't, then maybe I'll turn this into a park.

  • Wanna part two if you guys like it.

  • But with that said, let's get in tow.

  • Okay, so it's a screen view off the Netflix, and basically, I'm going to start by just looking at the different features that it has and tried to break it down into how I will actually design the app.

  • So if you look at the top here, it has a menu of some sort, where you can press Siri's films and my list, some sort of men you appear and then a poster of a movie.

  • Then we have another type of menu here, and then here.

  • This is say, scroll you on from the side so you can scroll.

  • So I decide on something here.

  • And then the entire view is some sort of scroll you as well.

  • And then at the bottom there, say navigation bar of some sort.

  • Uh, all right, so I'm going to start by just building this first page.

  • All right, So now we've basically implemented the navigation bar or tab are And I just put some icons, like random icons in here that are close to the icons on the actual app.

  • I think I might go and try toe, actually find some Maur closely resembling icons.

  • But that's not important right now.

  • So basically, that's the first part of this app finished.

  • So now you can you can scroll by swiping, which is good.

  • I like that.

  • And you can also scroll by just pressing the different times.

  • The next part would be to implement some sort of scroll view on page one so that you can actually scroll through the different movies.

  • And, um yeah, that's what I'm gonna do next.

  • Okay, so now basically done on this part.

  • So the top part of the I need to add the next plates on the life of the screen on dhe also need to remove the underlining the types that are currently on the little menu parts on the bottom on this is a list, but it only has one thing that a moment.

  • So it's it won't go any further than this, But that's a good start.

  • It was fairly straightforward.

  • Toe make this happen.

  • So I'm happy with how fast things are going.

  • And now I think I'm gonna slice, add the image on I come on the right, looking to get that Hoover for help.

  • Really?

  • Hello?

  • To the very same message, with slightly different.

  • All right, so now I actually feel too or just the image.

  • So no, they sent you mixed there, and then the play and info at my list is below.

  • So now the next thing would be to start implementing this list here, and then we'll just keep going until we get to this video thing here.

  • Yep.

  • All right.

  • Okay.

  • So now I've done the first implementation off the, um the next scroll blue, which is gonna display some of the movies the popular on Netflix section.

  • And this is just a scroll.

  • You down here, and basically what I need to do next is just changed this so that these are actual movie covers and then we'll move on to the next part.

  • Okay, so now we've implemented the least you are.

  • We get these movies and that's just images.

  • Random images off, maybe covers that I go off the Internet on Dhe.

  • There's another septal images below this.

  • So there's a popular.

  • And then there's a turning now on Samos, the only act, and then the next step will be this part where we kind of need an image and then, like some info about that image and then the play, I come as well, but we're getting pretty close.

  • So now this is the actor built, and this is the fact that the actual act and you have implemented the first part of this page where it's play button in my list info and then the next one, which is a list.

  • Same thing here and another list of movies, and then get down to this part where there's a bit more stuff happening, not much.

  • And then we have this so basically done the U I.

  • For the first, the home page of Lim Flix that and right now, if you press like you press the movies, nothing happens.

  • And if you pressed any of the bottoms, what happens?

  • So But really, that would probably talk to some sort of server and download the actual movie or the Siri's that you're pressing.

  • So I don't think I think that's a bit too much toe build in one day.

  • Other than that, I think I'm done, at least with the first part of this building of the Netflix that all right, so here's the final result I'm quite happy with.

  • It looks pretty much exactly like the actual Nick's legs, and I do realize that I just built the U Y for this.

  • So maybe it wasn't super interesting to watch, but I will close the leap to think you don't report Victorians the description of this video.

  • So in case you wanna fill a similar app, basically you could just download that, and maybe they can help you get started.

  • You were out that that's pretty much it for this video.

  • I hope you enjoyed it.

  • And if you have any suggestions for other one day bills that you would like to see me built.

  • Then just leave a comment.

  • Biggest.

  • This video was based on one of you guys.

  • His comments.

  • So I do read them, and maybe I'll end up actually building what you suggest.

you.

字幕與單字

單字即點即查 點擊單字可以查詢單字解釋

A2 初級

一天的構建。用Flutter克隆Netflix (One Day Builds: Netflix Clone Using Flutter)

  • 3 0
    林宜悉 發佈於 2021 年 01 月 14 日
影片單字