flutter/riverpod
1
0
Fork 0
mirror of https://github.com/rrousselGit/riverpod.git synced 2025-08-06 15:19:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

Upgrade dependencies and split home.dart

Browse Source
This commit is contained in:
Remi Rousselet
2022-07-31 13:03:55 +02:00
parent 0359ecf090
commit a2a6f8e5ba
7 changed files with 267 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
examples/stackoverflow/lib/common.dart
View File

@ -1,5 +1,6 @@
import 'dart:async';
import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:freezed_annotation/freezed_annotation.dart';
@ -8,6 +9,8 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
part 'common.freezed.dart';
part 'common.g.dart';
final client = Provider((ref) => Dio());
/// A Provider that exposes the current theme.
///
/// This is unimplemented by default, and will be overriden inside [MaterialApp]
@ -278,52 +281,3 @@ class PostInfo extends HookConsumerWidget {
);
}
}
@freezed
abstract class TagTheme with _$TagTheme {
const factory TagTheme({
required TextStyle style,
required EdgeInsets padding,
required Color backgroundColor,
required BorderRadius borderRadius,
}) = _TagTheme;
}
final tagThemeProvider = Provider<TagTheme>((ref) {
final theme = ref.watch(themeProvider);
return TagTheme(
padding: EdgeInsets.symmetric(
horizontal: theme.textTheme.bodyText1!.fontSize! * 0.5,
vertical: theme.textTheme.bodyText1!.fontSize! * 0.4,
),
style: theme.textTheme.bodyText2!.copyWith(
color: const Color(0xff9cc3db),
),
borderRadius: BorderRadius.circular(3),
backgroundColor: const Color(0xFF3e4a52),
);
}, dependencies: [themeProvider]);
class Tag extends HookConsumerWidget {
const Tag({
Key? key,
required this.tag,
}) : super(key: key);
final String tag;
@override
Widget build(BuildContext context, WidgetRef ref) {
final tagTheme = ref.watch(tagThemeProvider);
return Container(
decoration: BoxDecoration(
borderRadius: tagTheme.borderRadius,
color: tagTheme.backgroundColor,
),
padding: tagTheme.padding,
child: Text(tag, style: tagTheme.style),
);
}
}