CS 492 Week 6 Exploration 2.2 Exercise

main.dart

import 'package:flutter/material.dart';

void main() => runApp(App());

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: MainTabController()
      ),
    );
  }
}

class MainTabController extends StatelessWidget {
  
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 3,
      initialIndex: 0,
      child: Scaffold(
        appBar: AppBar(
          title: Text('Exercise'),
          bottom: TabBar(tabs: []) //FIXME: Need a list of Tab objects.
        ),
        body: TabBarView(
          children: [] // FIXME: Need a list of 'screen' widgets.
        )
      )
    );
  }
}

solution.dart

import 'package:flutter/material.dart';

void main() => runApp(App());

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: MainTabController()
      ),
    );
  }
}

class MainTabController extends StatelessWidget {
  
  static const tabs = [
      Tab(text: 'Love'),
      Tab(text: 'Health'),
      Tab(text: 'Travel')
    ];
  
  final screens = [
      LoveScreen(),
      HealthScreen(),
      TravelScreen(),
    ];
  
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
        length: 3,
        initialIndex: 0,
        child: Scaffold(
          appBar: AppBar(
            title: Text('Exercise'),
            bottom: TabBar(tabs: tabs)
          ),
          body: TabBarView(children: screens)
        )
      );
  }
}

class LoveScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(child: Text('Love Screen'));
  }
}

class HealthScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(child: Text('Health Screen'));
  }
}

class TravelScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(child: Text('Travel Screen'));
  }
}