home_screen.dart

import 'package:flutter/material.dart';
import 'package:flutter_icons/flutter_icons.dart';
import 'package:passwd/constants/colors.dart';
import 'package:passwd/constants/menu_entries.dart';
import 'package:passwd/screens/home/home_viewmodel.dart';
import 'package:passwd/screens/home_passwords/home_passwords_sceeen.dart';
import 'package:passwd/screens/home_settings/home_settings_screen.dart';
import 'package:passwd/screens/home_tags/home_tags_screen.dart';
import 'package:passwd/widgets/responsive/screen_type_builder.dart';
import 'package:stacked/stacked.dart';

class HomeScreen extends StatelessWidget {
  final List<Widget> items = [
    HomePasswordsScreen(),
    HomeTagsScreen(),
    HomeSettingsScreen(),
  ];

  @override
  Widget build(BuildContext context) {
    return ViewModelBuilder<HomeViewModel>.reactive(
      viewModelBuilder: () => HomeViewModel(),
      builder: (context, model, child) => ScreenTypeBuilder(
        mobile: Scaffold(
          body: getStack(
            model.currentItem,
          ),
        ),
        desktop: Scaffold(
          body: Row(
            children: [
              Container(
                width: 272,
                color: Colors.white.withOpacity(0.025),
                padding: const EdgeInsets.symmetric(
                  horizontal: 4,
                  vertical: 12,
                ),
                child: ListView.builder(
                  itemCount: navMenuEntries.length,
                  itemBuilder: (context, i) => ListTile(
                    leading: Icon(navMenuEntries[i].icon),
                    title: Text(
                      navMenuEntries[i].localizationTag,
                    ),
                    onTap: () {
                      if (i != model.currentItem) {
                        model.currentItem = i;
                      }
                    },
                    hoverColor: primaryColor.withOpacity(0.08),
                    selected: i == model.currentItem,
                  ),
                ),
              ),
              Expanded(
                child: Padding(
                  padding: const EdgeInsets.symmetric(
                    vertical: 2,
                    horizontal: 4,
                  ),
                  child: getStack(
                    model.currentItem,
                  ),
                ),
              ),
            ],
          ),
        ),
        tablet: getStack(
          model.currentItem,
        ),
      ),
    );
  }

  Widget getStack(int i) {
    return IndexedStack(
      children: items,
      index: i,
    );
  }
}