Skip to content

MihailMatyatsko/autolux_ui

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AutoLux mobile application

About company

Autolux Express Post is a Ukrainian company founded in 1997, which provides quick and convenient delivery of documents, baggage and parcels in Ukraine. The Company provides a careful delivery, including oversized cargo among the competitors. The network of representative offices of the company and own vehicle fleet allow us to make delivery more convenient service for every customer.

Usage

How it looks like

Global file

In main.dart you can see all classes which use in this program.

//main.dart
void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      // theme: ThemeData(fontFamily: 'SourceSansPro'),
      title: 'AutoLux UI template',
      initialRoute: '/',
      routes: {
        '/': (context) => mainScreen(),
        '/aboutCompany': (context) => aboutCompany(),
        '/contact': (context) => contacts(),
        '/businessClient': (context) => businessClient(),
        '/department': (context) => department(),
        '/news': (context) => news(),
        '/privateClient': (context) => privateClient(),
        '/services': (context) => services(),
        '/onlineHelp': (context) =>onlineHelp(),
      },
    ),
  );
}

Main screen

Main screen split to major elements:

  • Widget AppBar that contain main management in a header of the screen (home button, drawerMenu and logo);
return Scaffold(
      appBar: AppBar(
        title: Image.asset('lib/images/mainTitle.jpg', width: 200,),
        backgroundColor: Colors.white,
        leading: Builder(builder: (BuildContext context) {
          return Container(
            margin: EdgeInsets.symmetric(horizontal: 5.0),
            padding: EdgeInsets.only(left: 3.0),
            child: IconButton(
              icon: const Icon(Icons.home),
              onPressed: () {
                Navigator.pushNamed(context, '/');
              },
              color: Colors.deepOrange,
              iconSize: 37,
            ),
          );
        }),
        actions: [
          Builder(
            builder: (context) => IconButton(
              icon: Icon(Icons.menu),
              color: Colors.purple,
              iconSize: 37,
              onPressed: () => Scaffold.of(context).openDrawer(),
            ),
          ),
        ],
      ),
      drawer: navigationDrawerWidget(),
  • Widget searchBar where you can use for find something in the app;
Widget searchBar = Container(
  margin: EdgeInsets.only(bottom: 40, left: 10, right: 10, top: 10),
  padding: EdgeInsets.only(left: 10),
  decoration: BoxDecoration(
    color: Colors.white,
    border: Border.all(
      color: Colors.grey, // set border color
      width: 2.0,
    ),
    borderRadius:
    BorderRadius.all(Radius.circular(25.0)), // set rounded corner radius
  ),
  child: TextField(
    decoration: InputDecoration(
      icon: Icon(
        Icons.archive_outlined,
        color: Colors.grey[400],
      ),
      border: InputBorder.none,
    ),
  ),
);
  • Class pageTitle which contain title of this page;
class pageTitle extends StatelessWidget {
  pageTitle({required this.TitlePage});
  final String TitlePage;

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      padding: EdgeInsets.symmetric(horizontal: 20, vertical: 20),
      margin: EdgeInsets.only(bottom: 10),
      decoration: BoxDecoration(
        color: Colors.grey[300],
        border: Border.all(
          color: Colors.grey, // set border color
          width: 1.0,
        ),
      ),
      child: Text(TitlePage,
        textAlign: TextAlign.center,
        style: TextStyle(fontSize: 35),
      ),
    );
  }
}
  • Class mainButtonMenu() that used for management from the screen to main parts of an application;
class mainButtonMenu extends StatelessWidget {
  const mainButtonMenu({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Center(
        child: Row(
          children: [
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  MyButton(
                      onPressed: () {Navigator.of(context)
                          .push(MaterialPageRoute(builder: (context) => department()));},
                      title: 'Відділення',
                      icon: Icons.location_on_outlined),
                  MyButton(
                      onPressed: () {Navigator.of(context)
                          .push(MaterialPageRoute(builder: (context) => servicesAndTariffs()));},
                      title: 'Тарифи',
                      icon: Icons.account_balance_wallet_outlined),
                  MyButton(
                      onPressed: () {Navigator.of(context)
                          .push(MaterialPageRoute(builder: (context) => callCourier()));},
                      title: 'Виклик кур\'єра',
                      icon: Icons.accessibility_new_outlined),
                ],
              ),
            ),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  MyButton(
                      onPressed: () {Navigator.of(context)
                          .push(MaterialPageRoute(builder: (context) => cargoTracking()));},
                      title: 'Відстеження вантажу',
                      icon: Icons.assistant_photo_outlined),
                  MyButton(
                      onPressed: () {Navigator.of(context)
                          .push(MaterialPageRoute(builder: (context) => Calculator()));},
                      title: 'Розрахунок вартості',
                      icon: Icons.calculate_outlined),
                  MyButton(
                      onPressed: () {Navigator.of(context)
                          .push(MaterialPageRoute(builder: (context) => contacts()));},
                      title: 'Інформаційна служба',
                      icon: Icons.mail_outline_outlined),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}
  • Widget mainText that have information that will show you general info about this page.
Widget mainText = Column(
  children: [
      Container(
        width: double.infinity,
        padding: EdgeInsets.symmetric(horizontal: 20, vertical: 20),
        margin: EdgeInsets.only(bottom: 10),
        decoration: BoxDecoration(
          color: Colors.grey[300],
          border: Border.all(
            color: Colors.grey, // set border color
            width: 1.0,
          ),
        ),
        child: Text(
          'Доставка вантажів та документів',
          textAlign: TextAlign.center,
          style: TextStyle(fontSize: 35),
        ),
      ),



    Container(
      padding: EdgeInsets.symmetric(horizontal: 20, vertical: 20),
      color: Colors.deepPurple,
      child: Column(
        children: [
          Text(
            'Нові підрозділи "Автолюкс Експрес Пошта": '
            '\n- м. Бориспіль, вул. Привокзальна 21, '
            '\n- м. Вінниця, вул. М. Ващука 14, '
            '\n- м. Гостомель, вул. Свято-Покровського 108-а,'
            '\n- м. Ізмаїль, вул. Короленко 45,'
            '\n- м. Каховка, вул. Ярослава Мудрого 18,'
            '\n- м. Ковель, провулок В. Кияна 9,'
            '\n- м. Новоград-Волинський, вул. Героїв Майдану  150,'
            '\n- м. Рівне, вул. Дворецького  123-а,'
            '\n- м. Хмельницький, вул. Миру 69,'
            '\n Ласкаво просимо! ',
            style: TextStyle(color: Colors.white, fontSize: 16),
          ),
          Row(
            children: [
              Container(
                margin: EdgeInsets.only(top: 20),
                decoration: BoxDecoration(
                    border: Border.all(color: Colors.deepOrange, width: 2.0),
                    borderRadius: BorderRadius.circular(20)),
                child: TextButton(
                  onPressed: () {},
                  child: Text(
                    'ДЕТАЛЬНІШЕ',
                    style: TextStyle(
                        color: Colors.white, fontWeight: FontWeight.bold, fontSize: 13),
                  ),
                  style: ButtonStyle(),
                ),
              ),
            ],
          )
        ],
      ),
    ),
  ],
);

About

AutoLux mobile application UI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 99.5%
  • Other 0.5%