together_mobile/lib/screens/chat/chat_screen.dart

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:together_mobile/utils/app_dir.dart';

import 'components/chat_tile.dart';
import 'package:together_mobile/models/user_model.dart';
import 'package:together_mobile/utils/init_get_it.dart';
import 'package:together_mobile/request/user.dart';

class ChatScreen extends StatefulWidget {
  const ChatScreen({super.key});

  @override
  State<ChatScreen> createState() => _ChatScreenState();
}

class _ChatScreenState extends State<ChatScreen> {
  Future<bool> _getChatData() async {
    if (!getIt.get<UserProfile>().isInitialised) {
      Map<String, dynamic> res =
          await getMyProfile(getIt.get<UserAccount>().id);

      getIt.get<UserProfile>().initValue(res['data']);
      if (res['data']['avatar'] != null) {
        String avatarPath = await getAvatarPath(res['data']['avatar']);
        if (!File(avatarPath).existsSync()) {
          var data = await downloadMyAvatar(getIt.get<UserAccount>().id);
          File file = await File(avatarPath).create();
          file.writeAsBytes(data);
        }
      }
    }

    return Future(() => true);
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: _getChatData(),
      builder: (BuildContext context, AsyncSnapshot<bool> snapshot) {
        if (snapshot.hasData) {
          return Scaffold(
            appBar: AppBar(
              leading: CircleAvatar(
                backgroundImage: FileImage(
                  File(getIt.get<UserProfile>().avatar),
                ),
              ),
              title: Text(getIt.get<UserProfile>().nickname),
              centerTitle: true,
              actions: [
                IconButton(
                  onPressed: () {},
                  splashRadius: 20,
                  icon: const Icon(Icons.search),
                ),
                IconButton(
                  onPressed: () {},
                  splashRadius: 20,
                  icon: const Icon(Icons.add),
                ),
              ],
            ),
            body: SafeArea(
              // Use ListView.builder because it renders list element on demand
              child: RefreshIndicator(
                onRefresh: () async {
                  return Future.delayed(const Duration(
                    seconds: 2,
                  ));
                },
                child: ListView.builder(
                  physics: const BouncingScrollPhysics(
                    parent: AlwaysScrollableScrollPhysics(),
                  ),
                  itemCount: 15,
                  itemBuilder: (BuildContext context, int index) {
                    return const ChatTile();
                  },
                ),
              ),
            ),
          );
        } else {
          return const Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                SizedBox(
                  width: 60,
                  height: 60,
                  child: CircularProgressIndicator(),
                ),
                Padding(
                  padding: EdgeInsets.only(top: 20),
                  child: Text('Loading data....'),
                )
              ],
            ),
          );
        }
      },
    );
  }
}