[PR #4160] [MERGED] feat: revamp mobile database tab bar #6100

New issue

Closed

opened 2026-03-23 22:21:43 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 22:21:43 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/4160
Author: @richardshiue
Created: 12/18/2023
Status: ✅ Merged
Merged: 12/18/2023
Merged by: @richardshiue

Base: main ← Head: chore/mobile-db-tab-bar

📝 Commits (1)

9ffd636 feat: shiny database tab bar header

📊 Changes

36 files changed (+1554 additions, -575 deletions)

View changed files

📝 frontend/appflowy_flutter/integration_test/util/database_test_op.dart (+1 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/base/mobile_view_page.dart (+4 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/board/mobile_board_content.dart (+27 -42)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/board/widgets/mobile_board_trailing.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart (+4 -36)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/mobile_create_field_button.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/option_text_field.dart (+4 -7)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart (+8 -8)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/field/mobile_field_bottom_sheets.dart (+7 -10)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/field/mobile_field_type_option_editor.dart (+13 -16)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/field/mobile_quick_field_editor.dart (+12 -10)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/view/database_field_list.dart (+245 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/view/database_view_layout.dart (+116 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/view/database_view_list.dart (+164 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/view/database_view_quick_actions.dart (+65 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/view/edit_database_view_cubit.dart (+35 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/view/edit_database_view_screen.dart (+441 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_mobile_quick_action_button.dart (+37 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_option_tile.dart (+79 -83)
📝 frontend/appflowy_flutter/lib/plugins/database_view/application/database_view_service.dart (+13 -0)

...and 16 more files

📄 Description

This PR:

implements new database tab bar design
removes elevation from database view pages
implements view editor for current view, triggered by tapping on first button on the tab bar

Not (officially) included in this PR:

duplicate and delete view
database view list
board and calendar-specific layout settings
filter and sort settings

tab bar	edit view main	layout switcher	field list

Feature Preview

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/4160 **Author:** [@richardshiue](https://github.com/richardshiue) **Created:** 12/18/2023 **Status:** ✅ Merged **Merged:** 12/18/2023 **Merged by:** [@richardshiue](https://github.com/richardshiue) **Base:** `main` ← **Head:** `chore/mobile-db-tab-bar` --- ### 📝 Commits (1) - [`9ffd636`](https://github.com/AppFlowy-IO/AppFlowy/commit/9ffd6360ede13870e4e3f0d0b7df171990a60c25) feat: shiny database tab bar header ### 📊 Changes **36 files changed** (+1554 additions, -575 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/integration_test/util/database_test_op.dart` (+1 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/base/mobile_view_page.dart` (+4 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/board/mobile_board_content.dart` (+27 -42) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/board/widgets/mobile_board_trailing.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart` (+4 -36) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/mobile_create_field_button.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/option_text_field.dart` (+4 -7) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart` (+8 -8) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/field/mobile_field_bottom_sheets.dart` (+7 -10) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/field/mobile_field_type_option_editor.dart` (+13 -16) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/field/mobile_quick_field_editor.dart` (+12 -10) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/view/database_field_list.dart` (+245 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/view/database_view_layout.dart` (+116 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/view/database_view_list.dart` (+164 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/view/database_view_quick_actions.dart` (+65 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/view/edit_database_view_cubit.dart` (+35 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/view/edit_database_view_screen.dart` (+441 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_mobile_quick_action_button.dart` (+37 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_option_tile.dart` (+79 -83) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/application/database_view_service.dart` (+13 -0) _...and 16 more files_ </details> ### 📄 Description This PR: - implements new database tab bar design - removes elevation from database view pages - implements view editor for current view, triggered by tapping on first button on the tab bar Not (officially) included in this PR: - duplicate and delete view - database view list - board and calendar-specific layout settings - filter and sort settings | tab bar | edit view main | layout switcher | field list | | --- | --- | --- | --- | | <img width="484" alt="Screenshot 2023-12-18 at 4 03 59 PM" src="https://github.com/AppFlowy-IO/AppFlowy/assets/71320345/8422791b-7433-4220-b65b-70194ebf0531"> | <img width="484" alt="Screenshot 2023-12-18 at 4 04 39 PM" src="https://github.com/AppFlowy-IO/AppFlowy/assets/71320345/1a5cc58c-e9ce-493d-89f3-62c49eb87ca0"> | <img width="484" alt="Screenshot 2023-12-18 at 4 07 30 PM" src="https://github.com/AppFlowy-IO/AppFlowy/assets/71320345/c34b1497-ff8a-4139-86c2-4e746b0a4891"> | <img width="484" alt="Screenshot 2023-12-18 at 4 05 09 PM" src="https://github.com/AppFlowy-IO/AppFlowy/assets/71320345/d76a0a6e-6bc2-47c5-b0ba-d8559eb57cb4"> | ### Feature Preview  ---  #### 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>