[PR #5418] [MERGED] feat: sidebar UI Revamp on mobile #6807

New issue

Closed

opened 2026-03-23 23:16:46 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 23:16:46 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/5418
Author: @LucasXu0
Created: 5/27/2024
Status: ✅ Merged
Merged: 5/30/2024
Merged by: @LucasXu0

Base: main ← Head: sidebar_mobile

📝 Commits (10+)

0999746 chore: replace settings icon and expand icon
f639bd2 feat: use tabbar view to control the spaces
94929ef feat: improve space UI design on mobile
f313bdc feat: improve recent space UI design on mobile
81a8e4d feat: improve recent space UI design on mobile
b29d01b feat: improve favorite space UI design on mobile
1498bba feat: improve header UI design on mobile
1f57d76 feat: expand header height
00915ac feat: update BottomNavigationBarItem icon
8f7c915 fix: recent views and favorite views doesn't reload after switching workspace

📊 Changes

69 files changed (+1917 additions, -361 deletions)

View changed files

📝 frontend/appflowy_flutter/lib/core/config/kv_keys.dart (+11 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_add_new_page.dart (+5 -5)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_view_item.dart (+88 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_view_item_body.dart (+100 -37)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/default_mobile_action_pane.dart (+13 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/favorite/mobile_favorite_folder.dart (+6 -5)
📝 frontend/appflowy_flutter/lib/mobile/presentation/favorite/mobile_favorite_page.dart (+0 -5)
➕ frontend/appflowy_flutter/lib/mobile/presentation/home/favorite_folder/favorite_space.dart (+114 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/home/home_space/home_space.dart (+34 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_folders.dart (+30 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page.dart (+27 -69)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_header.dart (+9 -7)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/recent_folder/mobile_home_recent_views.dart (+2 -1)
➕ frontend/appflowy_flutter/lib/mobile/presentation/home/recent_folder/recent_space.dart (+86 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/section_folder/mobile_home_section_folder.dart (+22 -24)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/section_folder/mobile_home_section_folder_header.dart (+9 -11)
➕ frontend/appflowy_flutter/lib/mobile/presentation/home/shared/empty_placeholder.dart (+55 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/home/shared/mobile_view_card.dart (+396 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/home/tab/_round_underline_tab_indicator.dart (+101 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/home/tab/_tab_bar.dart (+56 -0)

...and 49 more files

📄 Description

Feature Preview

Used to check the CI status.

PR Checklist

My code adheres to AppFlowy's Conventions
I've listed at least one issue that this PR fixes in the description above.
I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
All existing tests are passing.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/5418 **Author:** [@LucasXu0](https://github.com/LucasXu0) **Created:** 5/27/2024 **Status:** ✅ Merged **Merged:** 5/30/2024 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `sidebar_mobile` --- ### 📝 Commits (10+) - [`0999746`](https://github.com/AppFlowy-IO/AppFlowy/commit/09997469b7f3de03dd7a6e8b88f064d68acf62ee) chore: replace settings icon and expand icon - [`f639bd2`](https://github.com/AppFlowy-IO/AppFlowy/commit/f639bd2c9c0cd66c94bd1a092d21fddb80df28ea) feat: use tabbar view to control the spaces - [`94929ef`](https://github.com/AppFlowy-IO/AppFlowy/commit/94929eff1326cde09f3094a4b99260512437b523) feat: improve space UI design on mobile - [`f313bdc`](https://github.com/AppFlowy-IO/AppFlowy/commit/f313bdcc45247c6e3548f7f11f4cea15ebfe714b) feat: improve recent space UI design on mobile - [`81a8e4d`](https://github.com/AppFlowy-IO/AppFlowy/commit/81a8e4dcd479613034d85668be35304dc2033316) feat: improve recent space UI design on mobile - [`b29d01b`](https://github.com/AppFlowy-IO/AppFlowy/commit/b29d01b60cc7eec3a7ed9882d9e80038f21a68e6) feat: improve favorite space UI design on mobile - [`1498bba`](https://github.com/AppFlowy-IO/AppFlowy/commit/1498bba6122daa2236fe08106556c4fa3fee045f) feat: improve header UI design on mobile - [`1f57d76`](https://github.com/AppFlowy-IO/AppFlowy/commit/1f57d767cdf41478acfd04973eba578a9ce19389) feat: expand header height - [`00915ac`](https://github.com/AppFlowy-IO/AppFlowy/commit/00915aceaa169418d91ec6c1bf1b378e8d5ef1a7) feat: update BottomNavigationBarItem icon - [`8f7c915`](https://github.com/AppFlowy-IO/AppFlowy/commit/8f7c915e2b7a96cf0e278a5ae9cf9f2390a35959) fix: recent views and favorite views doesn't reload after switching workspace ### 📊 Changes **69 files changed** (+1917 additions, -361 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/lib/core/config/kv_keys.dart` (+11 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_add_new_page.dart` (+5 -5) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_view_item.dart` (+88 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_view_item_body.dart` (+100 -37) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/default_mobile_action_pane.dart` (+13 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/favorite/mobile_favorite_folder.dart` (+6 -5) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/favorite/mobile_favorite_page.dart` (+0 -5) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/home/favorite_folder/favorite_space.dart` (+114 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/home/home_space/home_space.dart` (+34 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_folders.dart` (+30 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page.dart` (+27 -69) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_header.dart` (+9 -7) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/recent_folder/mobile_home_recent_views.dart` (+2 -1) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/home/recent_folder/recent_space.dart` (+86 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/section_folder/mobile_home_section_folder.dart` (+22 -24) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/section_folder/mobile_home_section_folder_header.dart` (+9 -11) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/home/shared/empty_placeholder.dart` (+55 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/home/shared/mobile_view_card.dart` (+396 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/home/tab/_round_underline_tab_indicator.dart` (+101 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/home/tab/_tab_bar.dart` (+56 -0) _...and 49 more files_ </details> ### 📄 Description   ### Feature Preview Used to check the CI status.  ---  #### PR Checklist - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [ ] I've listed at least one issue that this PR fixes in the description above. - [ ] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [ ] All existing tests are passing. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>