import 'package:flutter/material.dart'; import 'components/chat_tile.dart'; class ChatScreen extends StatefulWidget { const ChatScreen({super.key}); @override State createState() => _ChatScreenState(); } class _ChatScreenState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( leading: const CircleAvatar( backgroundImage: AssetImage('assets/images/user.png'), ), title: const Text("This is my name"), 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(); }, ), ), ), ); } }