Breaking News: Grepper is joining You.com. Read the official announcement!

create a home page with side bar in flutter

Minh Liên answered on June 26, 2023 Popularity 5/10 Helpfulness 1/10

answer create a home page with side bar in flutter

create a home page with side bar in flutter

Comment

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Home Page with Sidebar',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Page'),
      ),
      drawer: Drawer(
        child: ListView(
          padding: EdgeInsets.zero,
          children: <Widget>[
            DrawerHeader(
              decoration: BoxDecoration(
                color: Colors.blue,
              ),
              child: Text(
                'Sidebar',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 24,
                ),
              ),
            ),
            ListTile(
              title: Text('Item 1'),
              onTap: () {
                // Handle item 1 tap
              },
            ),
            ListTile(
              title: Text('Item 2'),
              onTap: () {
                // Handle item 2 tap
              },
            ),
            ListTile(
              title: Text('Item 3'),
              onTap: () {
                // Handle item 3 tap
              },
            ),
          ],
        ),
      ),
      body: Center(
        child: Text(
          'Welcome to the Home Page!',
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

Popularity 5/10 Helpfulness 1/10 Language whatever

Source: chat.openai.com

Tags: flutter whatever

Link to this answer
Share Copy Link

Contributed on Jun 26 2023

Minh Liên

0 Answers Avg Quality 2/10

create a home page with side bar in flutter

Contents

More Related Answers

create a home page with side bar in flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.