fix: init database row init (#6127)

frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart

@@ -306,6 +306,8 @@ class MobileRowDetailPageContentState
       viewId: viewId,
       rowCache: rowCache,
     );
+    rowController.initialize();
+
     cellBuilder = EditableCellBuilder(
       databaseController: widget.databaseController,
     );

frontend/appflowy_flutter/lib/plugins/database/application/row/related_row_detail_bloc.dart

@@ -35,6 +35,8 @@ class RelatedRowDetailPageBloc
     on<RelatedRowDetailPageEvent>((event, emit) async {
       event.when(
         didInitialize: (databaseController, rowController) {
+          rowController.initialize();
+
           state.maybeWhen(
             ready: (_, oldRowController) async {
               await oldRowController.dispose();
@@ -93,6 +95,7 @@ class RelatedRowDetailPageBloc
       viewId: inlineView.id,
       rowCache: databaseController.rowCache,
     );
+
     add(
       RelatedRowDetailPageEvent.didInitialize(
         databaseController,

frontend/appflowy_flutter/lib/plugins/database/application/row/row_controller.dart

@@ -38,6 +38,9 @@ class RowController {
 
   List<CellContext> loadCells() => _rowCache.loadCells(rowMeta);
 
+  /// This method must be called to initialize the row controller; otherwise, the row will not sync between devices.
+  /// When creating a row controller, calling [initialize] immediately may not be necessary.
+  /// Only call [initialize] when the row becomes visible. This approach helps reduce unnecessary sync operations.
   Future<void> initialize() async {
     await _rowBackendSvc.initRow(rowMeta.id);
     unawaited(

frontend/appflowy_flutter/lib/plugins/database/board/presentation/widgets/board_hidden_groups.dart

@@ -397,6 +397,7 @@ class HiddenGroupPopupItemList extends StatelessWidget {
                     viewId: viewId,
                     rowCache: rowCache,
                   );
+                  rowController.initialize();
 
                   final databaseController =
                       context.read<BoardBloc>().databaseController;

frontend/appflowy_flutter/lib/plugins/database/calendar/application/calendar_event_editor_bloc.dart

@@ -29,6 +29,8 @@ class CalendarEventEditorBloc
       (event, emit) async {
         await event.when(
           initial: () {
+            rowController.initialize();
+
             _startListening();
             final primaryFieldId = fieldController.fieldInfos
                 .firstWhere((fieldInfo) => fieldInfo.isPrimary)

frontend/appflowy_flutter/lib/plugins/database/grid/application/row/row_detail_bloc.dart

@@ -20,6 +20,8 @@ class RowDetailBloc extends Bloc<RowDetailEvent, RowDetailState> {
     _dispatch();
     _startListening();
     _init();
+
+    rowController.initialize();
   }
 
   final FieldController fieldController;

frontend/appflowy_flutter/lib/plugins/database/widgets/card/card_bloc.dart

@@ -32,6 +32,7 @@ class CardBloc extends Bloc<CardEvent, CardState> {
             rowController.rowMeta,
           ),
         ) {
+    rowController.initialize();
     _dispatch();
   }
 

frontend/appflowy_flutter/lib/plugins/database_document/presentation/database_document_title_bloc.dart

@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:appflowy/plugins/database/application/database_controller.dart';
 import 'package:appflowy/plugins/database/application/row/row_controller.dart';
 import 'package:appflowy/plugins/database/application/row/row_service.dart';
@@ -87,6 +89,8 @@ class DatabaseDocumentTitleBloc
       viewId: view.id,
       rowCache: databaseController.rowCache,
     );
+    unawaited(rowController.initialize());
+
     final primaryFieldId =
         await FieldBackendService.getPrimaryField(viewId: view.id).fold(
       (primaryField) => primaryField.id,