Let's start with our flutter for web series. I hope you all love our series then we are done with the responsive layout dart file in the previous article and then we are continue with our main dart file and see how to make the leading page in just a couple of times.
Initially, are start with our basic flutter structure for importing material package and start with void main function in our main dart file .
Once we create basic structure its looks like below code :
pl-encolor: rgb(111, 66, 193);](runApp(pl-c1color: rgb(0, 92, 197);](App()); pl-c1color: rgb(0, 92, 197);](_HomePageState();[[[[[If you notice there is one more widget or function define with MainPage().
Let's see whats in MainPage() it's all about our main page below app bar or we can say tab bar.
With the help of the widget, we are creating once then we can define or call whenever we need this widget.
See what's inside our MainPage() code :
[[color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](; font-family: Roboto, sans-serif; font-weight: 700;](
color: rgb(74, 74, 74); font-family: Roboto, sans-serif; font-weight: 700;](Demo Site: [http://travellingcouple.nikhil.cf/?i=1#/font-size: 1rem;]()[http://travellingcouple.nikhil.cf/]()[http://travellingcouple.nikhil.cf/](http://travellingcouple.nikhil.cf/)color: rgb(74, 74, 74); font-family: Roboto, sans-serif; font-weight: 700;](
Next Article are coming soon on font-weight: bolder;]([http://fluttercentral.com/]()[http://fluttercentral.com/](FLUTTERCENTRAL.COM)font-weight: bolder;](
font-weight: bolder;](__________________________________________________________________________________________font-weight: bolder;](