Day 24-制作购物车之设计主画面

继昨天完成SideDrawer等，今天要来呈现HomeScreen&ProductScreen。
设计的部分就不多做分析，主要呈现实作成果。

以下内容有参考教学影片，底下有附网址。
(内容包括我的不专业解说分析及在实作过程中遇到的困难与解决)

要把product放到主页面（HomeScreen），先在component资料夹里新增Product.js&Product.css

设定好後，就来设定HomeScreen的部分
HomeScreen.js:

HomeScreen.css:

接下来换ProductScreen的部分
ProductScreen.js:


ProductScreen.css:

都完成後，接下来就是执行看看成果啦
HomeScreen部分：

ProductScreen部分：

参考教学网站:https://www.youtube.com/watch?v=0divhP3pEsg&t=786s

• 明天是设计购物车的部分