Migration from customRenderer to customRenderers (missing child)

[raegtime]

I wrap my original anchor tag widget from default renderer into an other widget.

I don't understand how to retrieve the child (default rendered widget) from the old version in the new version:

my code:

 static Widget _customRenderA(
      RenderContext context, List<InlineSpan> Function() child, void Function(String link) onLinkTap) {
    final LinkedHashMap<Object, String> attributes = context.tree.element!.attributes;
    Widget widget;
    if (attributes['href']!.startsWith('http')) {
      widget = Wrap(
        crossAxisAlignment: WrapCrossAlignment.center,
        children: [
          SvgPicture.asset(
            AssetPaths.externalLinkIcon,
            height: 13,
          ),
          const SizedBox(width: 4),
          child,
        ],
      );
    } else {
      widget = child;
    }

Before 3.0.x child was a Widget. Now its a function that returns me a list of InlineSpans ... InlineSpans are not compatible to Widgets. So how can i get my child widget here?

[tneotia]

This change was made for 2 reasons:

1. The function means that the children are not built eagerly in case your implementation of the tag doesn't require having it's children.

2. Users can return spans for the custom render and still include the children in span format.

To convert the list of spans into a widget child, you can use the following code:

ContainerSpan(
          newContext: context,
          style: context.tree.style,
          shrinkWrap: context.parser.shrinkWrap,
          children: child(),
),

[raegtime]

does not work... here my code:

Html(
      key: key,
      data: 'my Link: <a href="https://google.de">google</a>',
      tagsList: const [],
      customRenders: {  
        aMatcher(): CustomRender.widget(
            widget: (RenderContext renderContext, child) =>
                _customRenderA(renderContext, child )),       
     },
    );

static Widget _customRenderA(RenderContext context, List<InlineSpan> Function() buildChildren) {
    final Widget child = ContainerSpan(
      newContext: context,
      style: context.tree.style,
      shrinkWrap: context.parser.shrinkWrap,
      children: buildChildren(),
    );

    return child;}

I only se "my Link: " ... the link is not showing

[tneotia]

This is expected because you are simply returning the children of the a tag. In this case the a tag does not have any children, so that list of inline spans will be empty. You need to provide widget code for the a tag if you want to use custom render like that.

[raegtime]

in the old version of flutter_http the child parameter (type Widget) rendered the A Tag Text. It's not clear to me why the new parameter buildChildren can't return the content to build a widget like the old way. How can I migrate my old custom renderer code?

All what I try to do is to render the A tag within a container or a row or some other widget what I can define by myself.

Btw. The migration guide is not showing how to do that.

[tobias-ullerich-init]

I have the same issue with the 3.x version. In version 2.x I use the customer renderer to render lists or images in a custom way. How can I do this in version 3.x of your library.

[Sub6Resources]

See https://github.com/Sub6Resources/flutter_html/wiki/Migration-Guides