Chat App Messages Screen UI in Flutter

A clean messages screen designed for chat and social apps. The top section uses a green header with a "Chat with friends" heading, a search button, a horizontal row of contact avatars, and tabs for Messages, Calls and Groups with a Create button. Below it, a white rounded sheet shows the conversation list with avatars, unread count badges, names, message previews and timestamps. Each chat can be swiped to reveal more options and delete actions. Built entirely with Flutter widgets, so it's easy to reuse in your own project and connect to Firebase or any backend.