feat: change ui

This commit is contained in:
Simon Ding
2024-07-16 22:40:20 +08:00
parent 4a5012461d
commit fd8a74ce96
3 changed files with 71 additions and 71 deletions

View File

@@ -73,7 +73,7 @@ class MyApp extends StatelessWidget {
child: NavDrawer(), child: NavDrawer(),
), ),
const VerticalDivider(thickness: 1, width: 1), const VerticalDivider(thickness: 1, width: 1),
Flexible(flex: 7, child: child) Flexible(flex: 7, child: Padding(padding: const EdgeInsets.all(20),child: child), )
]))), ]))),
); );
}, },

View File

@@ -18,12 +18,10 @@ class MovieWatchlistPage extends ConsumerWidget {
final data = ref.watch(movieWatchlistDataProvider); final data = ref.watch(movieWatchlistDataProvider);
return switch (data) { return switch (data) {
AsyncData(:final value) => GridView.builder( AsyncData(:final value) => SingleChildScrollView(
padding: const EdgeInsets.all(30), child: Wrap(
itemCount: value.length, spacing: 20,
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( children: List.generate(value.length, (i) {
crossAxisCount: 6),
itemBuilder: (context, i) {
var item = value[i]; var item = value[i];
return Card( return Card(
margin: const EdgeInsets.all(4), margin: const EdgeInsets.all(4),
@@ -36,22 +34,24 @@ class MovieWatchlistPage extends ConsumerWidget {
}, },
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
Flexible( SizedBox(
width: 160,
height: 240,
child: Image.network( child: Image.network(
"${APIs.imagesUrl}/${item.id}/poster.jpg", "${APIs.imagesUrl}/${item.id}/poster.jpg",
fit: BoxFit.contain, fit: BoxFit.fill,
headers: APIs.authHeaders, headers: APIs.authHeaders,
), ),
), ),
Text( Text(
item.name!, item.name!,
style: const TextStyle( style: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold), fontSize: 14, fontWeight: FontWeight.bold, height: 2.5),
), ),
], ],
), ),
)); ));
}), }))),
_ => const MyProgressIndicator(), _ => const MyProgressIndicator(),
}; };
} }

View File

@@ -6,24 +6,20 @@ import 'package:ui/providers/welcome_data.dart';
import 'package:ui/tv_details.dart'; import 'package:ui/tv_details.dart';
import 'package:ui/widgets/progress_indicator.dart'; import 'package:ui/widgets/progress_indicator.dart';
class TvWatchlistPage class TvWatchlistPage extends ConsumerWidget {
extends ConsumerWidget {
static const route = "/series"; static const route = "/series";
const TvWatchlistPage const TvWatchlistPage({super.key});
({super.key});
@override @override
Widget build(BuildContext context, WidgetRef ref) { Widget build(BuildContext context, WidgetRef ref) {
final data = ref.watch(tvWatchlistDataProvider); final data = ref.watch(tvWatchlistDataProvider);
return switch (data) { return switch (data) {
AsyncData(:final value) => GridView.builder( AsyncData(:final value) => SingleChildScrollView(
padding: const EdgeInsets.all(30), child: Wrap(
itemCount: value.length, spacing: 20,
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( children: List.generate(value.length, (i) {
crossAxisCount: 6),
itemBuilder: (context, i) {
var item = value[i]; var item = value[i];
return Card( return Card(
margin: const EdgeInsets.all(4), margin: const EdgeInsets.all(4),
@@ -36,22 +32,26 @@ class TvWatchlistPage
}, },
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
Flexible( SizedBox(
child: Image.network( width: 160,
"${APIs.imagesUrl}/${item.id}/poster.jpg" , height: 240,
fit: BoxFit.contain, child:Image.network(
"${APIs.imagesUrl}/${item.id}/poster.jpg",
fit: BoxFit.fill,
headers: APIs.authHeaders, headers: APIs.authHeaders,
), ),
), ),
Text( Text(
item.name!, item.name!,
style: const TextStyle( style: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold), fontSize: 14, fontWeight: FontWeight.bold, height: 2.5),
), ),
], ],
), ),
)); ));
}), }),
),
),
_ => MyProgressIndicator(), _ => MyProgressIndicator(),
}; };
} }