[PR #3905] [CLOSED] feat: mobile card detail screen #5941

New issue

Closed

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

mirror commented

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

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/3905
Author: @hyj1204
Created: 11/9/2023
Status: ❌ Closed

Base: relesae/0.3.8 ← Head: feat/mobile_card_detail

📝 Commits (10+)

1db66f6 feat: add CardDetailScreen and CardPropertyEditScreen
9f38113 feat: add MobileNumberCell and MobileTimestampCell
a877aba feat: Add MobileDateCell and MobileCheckboxCell
c046517 feat: add MobileFieldTypeOptionEditor
d74aa13 feat: add property delete feature in CardPropertyEditScreen
736bedb fix: fix VisibilitySwitch didn't update
11942c4 feat: add MobileCreateRowFieldScreen
5d5e83a chore: localization and improve spacing
24e4083 feat: add TimestampTypeOptionMobileWidget
03c14ba feat: add checkbox and DateTypeOptionMobileWidget

📊 Changes

44 files changed (+2958 additions, -51 deletions)

View changed files

📝 frontend/appflowy_flutter/lib/mobile/application/mobile_theme_data.dart (+3 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card.dart (+1 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart (+178 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_create_row_field_screen.dart (+58 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/mobile_create_row_field_button.dart (+47 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/mobile_field_name_text_field.dart (+48 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/mobile_row_property_list.dart (+220 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/widgets.dart (+3 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/card_property_edit_screen.dart (+62 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/mobile_field_editor.dart (+153 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/mobile_field_type_list.dart (+85 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/mobile_field_type_option_editor.dart (+197 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/checkbox.dart (+12 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/checklist.dart (+12 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/date.dart (+88 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/multi_select.dart (+12 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/number.dart (+12 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/rich_text.dart (+12 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/single_select.dart (+13 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/timestamp.dart (+98 -0)

...and 24 more files

📄 Description

Feature Preview

Card detail page
This PR is only for the card detail page, the card style in board view will be added in the future PR.
Appbar:

Duplicate & Delete card. After Duplicate/Delete actions, return to the viewPage(2 pages pop up) and show a toast.

https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/247bc6f5-c8b5-4def-bc0a-8f49b2acc195

Body:
The other types of properties will be added(fit to mobile) in the future PR

Edit card title
Show properties: Text, Numbers, Last modified, Created time, Datetime, Checkbox
Edit properties: Text, ~~Numbers~~, Last modified, Created time, Datetime, Checkbox

https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/bbadec96-12c4-40f6-8a09-f35d6d9888f0

Add properties: Text, ~~Numbers~~, Last modified, Created time, Datetime, Checkbox

https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/1cbdef89-8fa2-401a-9e66-514dbc19f243

Edit property value: Text, Numbers, Datetime, Checkbox

https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/35cae49f-b350-4b67-ab32-8dffdf469a69

Delete properties
Reorder properties: Long pressed the property to move the order of it
Show/Hidden fields: Use the same widget as the Desktop

https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/c652c3d7-bcfc-4037-bbe1-004a3aecb13a

Found Issue:

The card detail page cannot be rendered when switching back to itself through the navigation bar: I plan to fix this problem while working on the board view page.

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/3905 **Author:** [@hyj1204](https://github.com/hyj1204) **Created:** 11/9/2023 **Status:** ❌ Closed **Base:** `relesae/0.3.8` ← **Head:** `feat/mobile_card_detail` --- ### 📝 Commits (10+) - [`1db66f6`](https://github.com/AppFlowy-IO/AppFlowy/commit/1db66f62d06d011dab613cfa72b6073952d06651) feat: add CardDetailScreen and CardPropertyEditScreen - [`9f38113`](https://github.com/AppFlowy-IO/AppFlowy/commit/9f3811310791c45445cded2607610bee4b4244e3) feat: add MobileNumberCell and MobileTimestampCell - [`a877aba`](https://github.com/AppFlowy-IO/AppFlowy/commit/a877ababb6a710dba9dcb1ffd21c27465854238d) feat: Add MobileDateCell and MobileCheckboxCell - [`c046517`](https://github.com/AppFlowy-IO/AppFlowy/commit/c0465176b2d8abdca848b1f6d22aa70a9a4b28d5) feat: add MobileFieldTypeOptionEditor - [`d74aa13`](https://github.com/AppFlowy-IO/AppFlowy/commit/d74aa13f1d405d9e2b1ebefba0a24d9963e99376) feat: add property delete feature in CardPropertyEditScreen - [`736bedb`](https://github.com/AppFlowy-IO/AppFlowy/commit/736bedb1e87cbf092118c8087d5c3ef933f4fce9) fix: fix VisibilitySwitch didn't update - [`11942c4`](https://github.com/AppFlowy-IO/AppFlowy/commit/11942c4fd9889d3e5b3521d7e947ac1e7e0ade9e) feat: add MobileCreateRowFieldScreen - [`5d5e83a`](https://github.com/AppFlowy-IO/AppFlowy/commit/5d5e83af45abdcf8d20392a86d7b127b8e15e33a) chore: localization and improve spacing - [`24e4083`](https://github.com/AppFlowy-IO/AppFlowy/commit/24e408356cf37726dd49b9720664dbdbfd84cd30) feat: add TimestampTypeOptionMobileWidget - [`03c14ba`](https://github.com/AppFlowy-IO/AppFlowy/commit/03c14baf1de30fc30383a406da7da71ec58a1591) feat: add checkbox and DateTypeOptionMobileWidget ### 📊 Changes **44 files changed** (+2958 additions, -51 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/lib/mobile/application/mobile_theme_data.dart` (+3 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card.dart` (+1 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart` (+178 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_create_row_field_screen.dart` (+58 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/mobile_create_row_field_button.dart` (+47 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/mobile_field_name_text_field.dart` (+48 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/mobile_row_property_list.dart` (+220 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/widgets.dart` (+3 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/card_property_edit_screen.dart` (+62 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/mobile_field_editor.dart` (+153 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/mobile_field_type_list.dart` (+85 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/mobile_field_type_option_editor.dart` (+197 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/checkbox.dart` (+12 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/checklist.dart` (+12 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/date.dart` (+88 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/multi_select.dart` (+12 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/number.dart` (+12 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/rich_text.dart` (+12 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/single_select.dart` (+13 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_property_edit/type_option_widget_builder/timestamp.dart` (+98 -0) _...and 24 more files_ </details> ### 📄 Description   ### Feature Preview **Card detail page** This PR is only for the card detail page, the card style in board view will be added in the future PR. Appbar: - Duplicate & Delete card. After Duplicate/Delete actions, return to the viewPage(2 pages pop up) and show a toast. https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/247bc6f5-c8b5-4def-bc0a-8f49b2acc195 Body: The other types of properties will be added(fit to mobile) in the future PR - Edit card title - Show properties: Text, Numbers, Last modified, Created time, Datetime, Checkbox - Edit properties: Text, ~~Numbers~~, Last modified, Created time, Datetime, Checkbox https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/bbadec96-12c4-40f6-8a09-f35d6d9888f0 - Add properties: Text, ~~Numbers~~, Last modified, Created time, Datetime, Checkbox https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/1cbdef89-8fa2-401a-9e66-514dbc19f243 - Edit property value: Text, Numbers, Datetime, Checkbox https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/35cae49f-b350-4b67-ab32-8dffdf469a69 - Delete properties - Reorder properties: Long pressed the property to move the order of it - Show/Hidden fields: Use the same widget as the Desktop https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/c652c3d7-bcfc-4037-bbe1-004a3aecb13a **Found Issue:** The card detail page cannot be rendered when switching back to itself through the navigation bar: I plan to fix this problem while working on the board view page.  ---  #### PR Checklist - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [x] 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>