학교모바일 앱 만들기

main.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MoonApp());
}

class MoonApp extends StatelessWidget {
  const MoonApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      //theme: theme(),
      debugShowCheckedModeBanner: false,
      home: DongEuiPage(),
    );
  }
}

AppBar _buildDoneEuiAppBar() {
  return AppBar(
    backgroundColor: Colors.blueAccent,
    leading: Image.asset("assets/images/dongeui_logo.png"),
    title: const Text("모바일ID", style: TextStyle(fontSize: 35)),
    centerTitle: true,
    actions: [
      IconButton(onPressed: () {}, icon: Icon(Icons.menu)),
    ],
  );
}

BottomNavigationBar _buildBottom() {
  return BottomNavigationBar(
    items: <BottomNavigationBarItem>[
      BottomNavigationBarItem(
          icon: Image.asset("assets/images/bottom1.jpg"), label: ""),
      BottomNavigationBarItem(
          icon: Image.asset("assets/images/bottom2.jpg"), label: ""),
      BottomNavigationBarItem(
          icon: Image.asset("assets/images/bottom3.jpg"), label: ""),
      BottomNavigationBarItem(
          icon: Image.asset("assets/images/bottom4.jpg"), label: ""),
      BottomNavigationBarItem(
          icon: Image.asset("assets/images/bottom5.jpg"), label: ""),
    ],
  );
}

class DongEuiPage extends StatelessWidget {
  const DongEuiPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    double screenWidth = MediaQuery.of(context).size.width;
    return Scaffold(
      backgroundColor: Colors.black12,
      appBar: _buildDoneEuiAppBar(),
      bottomNavigationBar: _buildBottom(),
      body: ListView(
        children: [
          _buildInfo(screenWidth: screenWidth),
          _buildMenu(),
        ],
      ),
    );
  }
}

Widget _buildInfo({required double screenWidth}) {
  return Container(
    margin: const EdgeInsets.all(30.0),
    padding: const EdgeInsets.all(10.0),
    decoration: BoxDecoration(
      color: Colors.white,
      borderRadius: BorderRadius.circular(8.0),
    ),
    child: Column(
      children: [
        Row(
          // mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Expanded(
              child: Container(
                height: 180,
                child: Image.asset(
                  "assets/images/profile.jpg",
                ),
              ),
            ),
            Expanded(
              child: Container(
                child: Column(
                  children: [
                    Image.asset(
                      "assets/images/qr.png",
                      width: screenWidth * 0.2,
                    ),
                    Text(
                      "시간",
                      style:
                          TextStyle(fontSize: 17, fontWeight: FontWeight.bold),
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
        Padding(
          padding: const EdgeInsets.all(15.0),
          child: Divider(thickness: 1.5, height: 1, color: Colors.grey),
        ),
        Row(
          children: [
            Expanded(
              child: Container(
                alignment: Alignment.center,
                child: Text(
                  "문땅훈><",
                  style: TextStyle(fontSize: 17, fontWeight: FontWeight.bold),
                ),
              ),
            ),
            Expanded(
              child: Container(
                alignment: Alignment.center,
                child: Column(
                  children: [
                    Text(
                      "ZL",
                      style:
                          TextStyle(fontSize: 17, fontWeight: FontWeight.bold),
                    ),
                    Text(
                      "특별열람중",
                      style: TextStyle(fontSize: 17, fontWeight: FontWeight.bold),
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      ],
    ),
  );
}

Widget _buildMenu() {
  return Container(
    margin: const EdgeInsets.all(30.0),
    padding: const EdgeInsets.all(10.0),
    decoration: BoxDecoration(
      color: Colors.white,
      borderRadius: BorderRadius.circular(8.0),
    ),
    child: Column(
      children: [
        Row(
          children: [
            Expanded(
              child: Container(
                height: 180,
                child: Image.asset("assets/images/menu1.jpg"),
              ),
            ),
            VerticalDivider(thickness: 1.5, color: Colors.grey),
            Expanded(
              child: Container(
                height: 180,
                child: Image.asset("assets/images/menu2.jpg"),
              ),
            ),
            Expanded(
              child: Container(
                height: 180,
                child: Image.asset("assets/images/menu3.jpg"),
              ),
            ),
          ],
        ),
        Padding(
          padding: const EdgeInsets.all(15.0),
          child: Divider(thickness: 1.5, height: 1, color: Colors.grey),
        ),
        Row(
          children: [
            Expanded(
              child: Container(
                height: 180,
                child: Image.asset("assets/images/menu4.jpg"),
              ),
            ),
            Expanded(
              child: Container(
                height: 180,
                child: Image.asset("assets/images/menu5.jpg"),
              ),
            ),
            Expanded(
              child: Container(
                color: Colors.white,
              ),
            ),
          ],
        )
      ],
    ),
  );
}