Open haythamhamed opened 1 year ago
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home : DefaultTabController(
length : 4,
child : Scaffold(
appBar : AppBar(title : Text("Home Screen | Navigation Bar #5"),
bottom : TabBar(
tabs : [
Tab(child : Text("Home")),
Tab(child : Text("My courses")),
Tab(child : Text("Search")),
Tab(child : Text("Notification"))
] )
),
body : TabBarView(
children : [
Center(child : Text("Home")),
Center(child : Text("My courses")),
Center(child : Text("Search")),
Center(child : Text("Notification"))
] )
)
) );
} }
Screen: Home Screen
User Flow: Enrol in a course![image](https://user-images.githubusercontent.com/116754104/201286447-6479336b-65f0-44c9-9452-e8dbd33eadf9.png)
Description: Upper navigation bar with the essential app tabs
Goal: Navigate the most essential screens of the app
Reference: Facebook Mobile App Tabs