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 { class MIHAppDrawer extends StatefulWidget {
final AppUser signedInUser; final AppUser signedInUser;
final Image logo; final AssetImage logo;
const MIHAppDrawer({ const MIHAppDrawer({
super.key, super.key,
required this.signedInUser, required this.signedInUser,
@@ -74,7 +74,7 @@ class _MIHAppDrawerState extends State<MIHAppDrawer> {
children: [ children: [
SizedBox( SizedBox(
height: 60, height: 60,
child: widget.logo, child: Image(image: widget.logo),
), ),
Text( Text(
"${widget.signedInUser.fname} ${widget.signedInUser.lname}", "${widget.signedInUser.fname} ${widget.signedInUser.lname}",

View File

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

View File

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

View File

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

View File

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