Refactor main page, add tab bar
This commit is contained in:
parent
cd6f998a1a
commit
847ff7d703
2 changed files with 74 additions and 27 deletions
|
|
@ -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
63
lib/screens/home.dart
Normal 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());
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue