Loading a Document from a passed Reference is broken

[atn832]

Expected behavior (required)

When a view passes a Document reference to another view, I expect the other view to successfully load the document from the reference.

Current behavior (required)

I get an infinite spinner and the data never loads. No error is displayed either.

To Reproduce (required)

1. I set up a first view with a ListView showing documents in a collection.
2. I set up a second view which will show the selected document.
3. In the first view, I set up the ListViewItem to navigate to the second view, and pass the document reference.
4. In the second view, I set up the Scaffold to load a document based on the passed document reference.
5. In the Scaffold, I have a Text widget which displays a field from the loaded document.

I am basically following the steps at:

• https://docs.flutterflow.io/data-and-backend/backend-query/document-from-reference
• https://www.youtube.com/watch?v=hkBWVwr7yXQ

Context (required)

I am trying to load a document from a passed reference.

Screenshots / recordings

Another user in the Discord channel was able to reproduce the bug: https://discord.com/channels/845826746582695976/845826825992929321/1027793029517545493.

To work around this issue, the solution they shared, which works for me too, is to pass the Document itself. Then in the second view, load the document again using the passed Document's reference.

I tried setting up two Text widgets, one using the passed reference, and the other reading the reference from the passed document. The first one shows an infinite spinner. The second one shows the data. I expected both to just show the same data (ie "bakeree").

The resulting code is nearly identical and seems correct:

              StreamBuilder<CompaniesRecord>(
                stream: CompaniesRecord.getDocument(widget.companyRef!),
                builder: (context, snapshot) {
                  // Customize what your widget looks like when it's loading.
                  if (!snapshot.hasData) {
                    return Center(
                      child: SizedBox(
                        width: 50,
                        height: 50,
                        child: CircularProgressIndicator(
                          color: FlutterFlowTheme.of(context).primaryColor,
                        ),
                      ),
                    );
                  }
                  final textCompaniesRecord = snapshot.data!;
                  return Text(
                    textCompaniesRecord.name!,
                    style: FlutterFlowTheme.of(context).bodyText1,
                  );
                },
              ),
              StreamBuilder<CompaniesRecord>(
                stream: CompaniesRecord.getDocument(
                    widget.passedCompany!.reference),
                builder: (context, snapshot) {
                  // Customize what your widget looks like when it's loading.
                  if (!snapshot.hasData) {
                    return Center(
                      child: SizedBox(
                        width: 50,
                        height: 50,
                        child: CircularProgressIndicator(
                          color: FlutterFlowTheme.of(context).primaryColor,
                        ),
                      ),
                    );
                  }
                  final textCompaniesRecord = snapshot.data!;
                  return Text(
                    textCompaniesRecord.name!,
                    style: FlutterFlowTheme.of(context).bodyText1,
                  );
                },
              ),

Your environment

• Version of FlutterFlow used:

• on a Mac Mini M1 in Chrome 105.0.5195.125 (arm64).

[hariprasadms]

Hi, To load the documents from document reference you should use the query type 'document from reference'. I hope you are using the same type. I have tested this and works fine for me. You can DM me your project link through community portal. It mostly looking like configuration issue.

[atn832]

Thanks, I sent you on DM on discord.

[hariprasadms]

Hi @atn832 , Thanks for sharing your project. I had a look the pages you were talking about above (home and view form). I don't see any wrong in passing parameters ( the doc and doc ref types). it looks all right. However, in view form page I can't see the data binding from docRef. Looks like there are json data mapping.

I have tested your use case in my local project by creating exact pages and parameters you got in your project. It is working fine with no issues. I can load the data from both Doc and Doc Ref.

As suggest, load the data from doc reference on a page and see how it works. Let me know how it goes.

[atn832]

Thanks for checking @hariprasadms. In ViewForm, the loading from doc reference is done in the Scaffold so that all children can use the data as you can see in the screenshot below:

In the screenshot above, I load the doc from the passed reference, and this gives me an infinite spinner. However, if I load the doc from reference using the passed doc, it works.

Just to isolate the issue, I've created a brand new page called LoadFromRefTest with two Text fields. Each one loads the doc from ref and display the Doc's name field. One of them uses the Doc parameter, the other the Doc Reference parameter. I can still reproduce the issue in this page. The one loading the doc from the reference of the Doc parameter loads fine, the one loading the doc from the reference parameter itself does not.

Load Doc from Ref using the passed Document (works fine):

Load Doc from Ref using the passed Reference (infinite spinner):

The result:

Would you mind taking another look at my settings? I saved this as snapshot v6.

[hariprasadms]

Hi @atn832, I still can't reproduce the issue. However, i can see that, it works for you when you pass the doc as parameter and load the doc data in next page. I suggest continue using the way it is working for you. We will keep an eye on this issue and see if we can get the same issue from other users as well. For now, I will close the issue as we can't reproduce. Thanks

[agreaves]

Hi @atn832, I also haven't been able to reproduce this, but if you could reply with the Bug Report code I'll take one last stab at it before closing. To get this, go to the Widget Tree, and right click the widget with the Navigate action (the one that navigates to the page that is having issues with Doc from Ref) and click "Get Bug Report Code". Thanks!

[atn832]

Thanks for checking one last time. I used the "Copy Widget Code" on the ListViewItem that navigates to the other page, and got this code:

InkWell(
  onTap: () async {
    context.pushNamed(
      'LoadFromRefTest',
      queryParams: {
        'companyParam': serializeParam(
          listViewCompaniesRecord,
          ParamType.Document,
        ),
        'companyRefParam': serializeParam(
          listViewCompaniesRecord.reference,
          ParamType.DocumentReference,
        ),
      }.withoutNulls,
      extra: <String, dynamic>{
        'companyParam': listViewCompaniesRecord,
      },
    );
  },
  child: ListTile(
    title: Text(
      listViewCompaniesRecord.name!,
      style: FlutterFlowTheme.of(context).title3,
    ),
    subtitle: Text(
      listViewCompaniesRecord.announcementMethod!,
      style: FlutterFlowTheme.of(context).subtitle2,
    ),
    trailing: Icon(
      Icons.arrow_forward_ios,
      color: Color(0xFF303030),
      size: 20,
    ),
    tileColor: Color(0xFFF5F5F5),
    dense: false,
  ),
)