Refactor main page, add tab bar

This commit is contained in:
Tommy Chow 2021-08-25 00:47:01 -04:00
parent cd6f998a1a
commit 847ff7d703
2 changed files with 74 additions and 27 deletions

View file

@ -1,6 +1,7 @@
import 'package:flutter/material.dart';
import 'package:frosty/providers/authentication_provider.dart';
import 'package:frosty/screens/channel_list.dart';
import 'package:frosty/providers/settings_provider.dart';
import 'package:frosty/screens/home.dart';
import 'package:provider/provider.dart';
void main() {
@ -12,33 +13,16 @@ class MyApp extends StatelessWidget {
Widget build(BuildContext context) {
return MultiProvider(
providers: [
ChangeNotifierProvider<Authentication>(create: (_) => Authentication()),
ChangeNotifierProvider<AuthenticationProvider>(create: (_) => AuthenticationProvider()),
ChangeNotifierProvider<SettingsProvider>(create: (_) => SettingsProvider()),
],
child: Builder(
builder: (context) {
return MaterialApp(
title: 'Frosty',
theme: ThemeData(
primaryColor: Colors.purple.shade900,
primarySwatch: Colors.blue,
brightness: Brightness.dark,
),
home: Scaffold(
appBar: AppBar(
title: Text('Top Channels'),
),
body: FutureBuilder(
future: context.read<Authentication>().init(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
return ChannelList();
}
return CircularProgressIndicator();
},
),
),
);
},
child: MaterialApp(
title: 'Frosty',
theme: ThemeData(
primarySwatch: Colors.blue,
brightness: Brightness.dark,
),
home: Home(),
),
);
}

63
lib/screens/home.dart Normal file
View file

@ -0,0 +1,63 @@
import 'package:flutter/material.dart';
import 'package:frosty/providers/authentication_provider.dart';
import 'package:frosty/screens/settings.dart';
import 'package:provider/provider.dart';
import 'channel_list.dart';
class Home extends StatelessWidget {
const Home({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return DefaultTabController(
length: 3,
child: Scaffold(
appBar: AppBar(
title: Text('Top Channels'),
bottom: TabBar(
tabs: [
Tab(text: 'Top'),
Tab(text: 'Followed'),
Tab(text: 'Games'),
],
),
actions: [
IconButton(
icon: Icon(Icons.settings),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) {
return Settings();
},
),
);
},
)
],
),
body: FutureBuilder(
future: context.read<AuthenticationProvider>().init(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
return TabBarView(
children: [
ChannelList(),
Center(
child: Text('Followed'),
),
Center(
child: Text('Games'),
),
],
);
}
return Center(child: CircularProgressIndicator());
},
),
),
);
}
}