Mobile App Directory Module Development

This screen is the Directory module for our existing mobile app, allowing users to browse and search either Suppliers or Members via a toggle control at the top. By default, the Suppliers tab is active and the system should display a paginated list (initially 50 records) showing total count (e.g., “245 Members Found”). The search bar must support keyword filtering (company name, contact name, phone, or email) with real-time or triggered search execution. Each directory card displays the company name, main address, and multiple contact persons with phone and email details; these must be dynamically rendered based on the returned dataset (1-to-many relationship between organisation and contacts). The “Show More” button should implement incremental pagination (e.g., next 50 records) without reloading the entire screen. The bottom navigation icons should route to their respective modules but persist the current directory state when users return. I will provide the stored procedures for: fetching total count, filtered search, and paginated results, along with contact detail retrieval per organisation.