Image asset logo caching

This commit is contained in:
2024-07-31 13:16:54 +02:00
parent 58b336a73d
commit 511381909d
5 changed files with 41 additions and 29 deletions

View File

@@ -5,7 +5,7 @@ import 'package:supertokens_flutter/supertokens.dart';
class MIHAppDrawer extends StatefulWidget {
final AppUser signedInUser;
final Image logo;
final AssetImage logo;
const MIHAppDrawer({
super.key,
required this.signedInUser,
@@ -74,7 +74,7 @@ class _MIHAppDrawerState extends State<MIHAppDrawer> {
children: [
SizedBox(
height: 60,
child: widget.logo,
child: Image(image: widget.logo),
),
Text(
"${widget.signedInUser.fname} ${widget.signedInUser.lname}",

View File

@@ -57,6 +57,7 @@ class _MzanziInnovationHubState extends State<MzanziInnovationHub> {
@override
Widget build(BuildContext context) {
precacheImage(theme.logoImage(), context);
return MaterialApp(
title: getTitle(),
themeMode: _themeMode,

View File

@@ -23,21 +23,21 @@ class _HomeState extends State<Home> {
//late Future<AppUser> signedInUser;
String useremail = "";
final baseAPI = AppEnviroment.baseApiUrl;
//late Image logo;
Future<void> loadImage() async {
try {
var t = MzanziInnovationHub.of(context)!.theme.logoImage();
await precacheImage(t.image, context);
} catch (e) {
print('Failed to load and cache the image: $e');
}
}
// Future<void> loadImage() async {
// try {
// var t = MzanziInnovationHub.of(context)!.theme.logoImage();
// await precacheImage(t.image, context);
// } catch (e) {
// print('Failed to load and cache the image: $e');
// }
// }
Future<AppUser> getUserDetails() async {
//print("pat man drawer: " + endpointUserData + widget.userEmail);
var uid = await SuperTokens.getUserId();
var response = await http.get(Uri.parse("$baseAPI/user/$uid"));
// print(response.statusCode);
// print(response.body);
if (response.statusCode == 200) {
@@ -56,12 +56,20 @@ class _HomeState extends State<Home> {
void initState() {
//signedInUser = getUserDetails();
super.initState();
//precacheImage(logo, context);
}
// @override
// void didChangeDependencies() {
// super.didChangeDependencies();
// precacheImage(logo, context);
// }
@override
Widget build(BuildContext context) {
loadImage();
var logo = MzanziInnovationHub.of(context)!.theme.logoImage();
//loadImage();
return FutureBuilder(
future: getUserDetails(),
builder: (BuildContext context, AsyncSnapshot<AppUser> snapshot) {
@@ -71,7 +79,8 @@ class _HomeState extends State<Home> {
appBar: const MIHAppBar(barTitle: "Mzansi Innovation Hub"),
drawer: MIHAppDrawer(
signedInUser: snapshot.data!,
logo: logo,
logo:
MzanziInnovationHub.of(context)!.theme.logoImage(), //logo,
), //HomeAppDrawer(userEmail: useremail),
body: HomeTileGrid(
signedInUser: snapshot.data!,

View File

@@ -48,19 +48,19 @@ class _PatientViewState extends State<PatientView> {
return null;
}
Future<void> loadImage() async {
try {
var t = MzanziInnovationHub.of(context)!.theme.logoImage();
await precacheImage(t.image, context);
} catch (e) {
print('Failed to load and cache the image: $e');
}
}
// Future<void> loadImage() async {
// try {
// var t = MzanziInnovationHub.of(context)!.theme.logoImage();
// await precacheImage(t.image, context);
// } catch (e) {
// print('Failed to load and cache the image: $e');
// }
// }
@override
Widget build(BuildContext context) {
loadImage();
var logo = MzanziInnovationHub.of(context)!.theme.logoImage();
// loadImage();
// var logo = MzanziInnovationHub.of(context)!.theme.logoImage();
return FutureBuilder(
future: fetchPatient(),
builder: (ctx, snapshot) {
@@ -72,8 +72,10 @@ class _PatientViewState extends State<PatientView> {
if (snapshot.hasData) {
return Scaffold(
appBar: const MIHAppBar(barTitle: "Patient View"),
drawer:
MIHAppDrawer(signedInUser: widget.signedInUser, logo: logo),
drawer: MIHAppDrawer(
signedInUser: widget.signedInUser,
logo: MzanziInnovationHub.of(context)!.theme.logoImage(),
),
body: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.symmetric(

View File

@@ -103,13 +103,13 @@ class MyTheme {
return Color(_succColor);
}
Image logoImage() {
AssetImage logoImage() {
if (mode == "Dark") {
return Image.asset(
return const AssetImage(
'images/Logo-01.png',
);
} else {
return Image.asset(
return const AssetImage(
'images/Logo-02.png',
);
}