flutter-quill icon indicating copy to clipboard operation
flutter-quill copied to clipboard

Published 20 hours ago • verified publisher icon singerdmx

Exception while uploading Image

Open Chandu-bs opened this issue 1 year ago • 2 comments

Is there an existing issue for this?

Flutter Quill version

9.2.2

Steps to reproduce

``Using the example app in the example folder

  • starting with an empty window (start from scratch)
  • click the "image" icon on the toolbar and select an image
  • the editor asks me to crop the image
  • when click the "crop" button, VS code reports an exception and the edit window shows this

image

a red box with the words unsupported operation _Namespace

The relevant error-causing widget was:
    MaterialApp MaterialApp:file:///C:/Users/saich/Editor/flutter-quill/example/lib/main.dart:70:22

: To inspect this widget in Flutter DevTools, visit: http://127.0.0.1:9101/#/inspector?uri=http%3A%2F%2F127.0.0.1%3A52255%2FHes8qkr5piA%3D&inspectorRef=inspector-8

The overflowing RenderFlex has an orientation of Axis.vertical.
The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the RenderFlex to fit within the available space instead of being sized to their natural size.
This is considered an error condition because it indicates that there is content that cannot be seen. If the content is legitimately bigger than the available space, consider clipping it with a ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex, like a ListView.
The specific RenderFlex in question is: RenderFlex#92f7a OVERFLOWING
    needs compositing
    parentData: <none> (can use size)
    constraints: BoxConstraints(w=898.0, h=691.2)
    size: Size(898.0, 691.2)
    direction: vertical
    mainAxisAlignment: start
    mainAxisSize: min
    crossAxisAlignment: center
    verticalDirection: down
    child 1: RenderPadding#72b46 relayoutBoundary=up1
        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null (can use size)
        constraints: BoxConstraints(0.0<=w<=898.0, 0.0<=h<=Infinity)
        size: Size(898.0, 64.0)
        padding: EdgeInsets(24.0, 16.0, 24.0, 16.0)
        textDirection: ltr
        child: RenderFlex#029d9 relayoutBoundary=up2
            parentData: offset=Offset(24.0, 16.0) (can use size)
            constraints: BoxConstraints(0.0<=w<=850.0, 0.0<=h<=Infinity)
            size: Size(850.0, 32.0)
            direction: horizontal
            mainAxisAlignment: spaceBetween
            mainAxisSize: max
            crossAxisAlignment: center
            textDirection: ltr
            verticalDirection: down
            child 1: RenderParagraph#21b96 relayoutBoundary=up3
                parentData: offset=Offset(0.0, 0.0); flex=null; fit=null (can use size)
                constraints: BoxConstraints(unconstrained)
                size: Size(123.4, 32.0)
                textAlign: start
                textDirection: ltr
                softWrap: wrapping at box width
                overflow: clip
                locale: en_US
                maxLines: unlimited
                text: TextSpan
                    debugLabel: (englishLike headlineSmall 2021).merge((blackRedmond headlineSmall).apply)
                    inherit: false
                    color: Color(0xff1c1b1f)
                    family: Segoe UI
                    size: 24.0
                    weight: 400
                    letterSpacing: 0.0
                    baseline: alphabetic
                    height: 1.3x
                    leadingDistribution: even
                    decoration: Color(0xff1c1b1f) TextDecoration.none
                    "Crop Image"
    child 2: RenderConstrainedBox#da844 relayoutBoundary=up1
        parentData: offset=Offset(0.0, 64.0); flex=null; fit=null (can use size)
        constraints: BoxConstraints(0.0<=w<=898.0, 0.0<=h<=Infinity)
        size: Size(898.0, 1.0)
        additionalConstraints: BoxConstraints(0.0<=w<=Infinity, h=1.0)
        child: RenderPositionedBox#065b4 relayoutBoundary=up2
            parentData: <none> (can use size)
            constraints: BoxConstraints(0.0<=w<=898.0, h=1.0)
            size: Size(898.0, 1.0)
            alignment: Alignment.center
            textDirection: ltr
            widthFactor: expand
            heightFactor: expand
            child: RenderPadding#484ff relayoutBoundary=up3
                parentData: offset=Offset(0.0, 0.0) (can use size)
                constraints: BoxConstraints(0.0<=w<=898.0, 0.0<=h<=1.0)
                size: Size(898.0, 1.0)
                padding: EdgeInsets.zero
                textDirection: ltr
                child: RenderConstrainedBox#800fb relayoutBoundary=up4
                    parentData: offset=Offset(0.0, 0.0) (can use size)
                    constraints: BoxConstraints(0.0<=w<=898.0, 0.0<=h<=1.0)
                    size: Size(898.0, 1.0)
                    additionalConstraints: BoxConstraints(0.0<=w<=Infinity, h=1.0)
    child 3: RenderPadding#00881 relayoutBoundary=up1
        needs compositing
        parentData: offset=Offset(0.0, 65.0); flex=null; fit=null (can use size)
        constraints: BoxConstraints(0.0<=w<=898.0, 0.0<=h<=Infinity)
        size: Size(898.0, 582.0)
        padding: EdgeInsets(24.0, 24.0, 24.0, 8.0)
        textDirection: ltr
        child: RenderStack#e23bc relayoutBoundary=up2
            needs compositing
            parentData: offset=Offset(24.0, 24.0) (can use size)
            constraints: BoxConstraints(0.0<=w<=850.0, 0.0<=h<=Infinity)
            size: Size(850.0, 550.0)
            alignment: Alignment.bottomCenter
            textDirection: ltr
            fit: loose
            child 1: RenderPositionedBox#fcf70 relayoutBoundary=up3
                needs compositing
                parentData: not positioned; offset=Offset(0.0, 0.0) (can use size)
                constraints: BoxConstraints(0.0<=w<=850.0, 0.0<=h<=Infinity)
                size: Size(850.0, 550.0)
                alignment: Alignment.center
                textDirection: ltr
                widthFactor: expand
                heightFactor: expand
                child: RenderConstrainedBox#a5eb9 relayoutBoundary=up4
                    needs compositing
                    parentData: offset=Offset(0.0, 0.0) (can use size)
                    constraints: BoxConstraints(0.0<=w<=850.0, 0.0<=h<=Infinity)
                    size: Size(850.0, 550.0)
                    additionalConstraints: BoxConstraints(w=850.0, h=550.0)
            child 2: RenderPadding#2883b relayoutBoundary=up3
                parentData: not positioned; offset=Offset(0.0, 505.0) (can use size)
                constraints: BoxConstraints(0.0<=w<=850.0, 0.0<=h<=Infinity)
                size: Size(850.0, 45.0)
                padding: EdgeInsets(24.0, 0.0, 24.0, 5.0)
                textDirection: ltr
                child: RenderFlex#8c474 relayoutBoundary=up4
                    parentData: offset=Offset(24.0, 0.0) (can use size)
                    constraints: BoxConstraints(0.0<=w<=802.0, 0.0<=h<=Infinity)
                    size: Size(802.0, 40.0)
                    direction: horizontal
                    mainAxisAlignment: spaceBetween
                    mainAxisSize: max
                    crossAxisAlignment: center
                    textDirection: ltr
                    verticalDirection: down
    child 4: RenderConstrainedBox#bc0eb relayoutBoundary=up1
        parentData: offset=Offset(0.0, 647.0); flex=null; fit=null (can use size)
        constraints: BoxConstraints(0.0<=w<=898.0, 0.0<=h<=Infinity)
        size: Size(898.0, 1.0)
        additionalConstraints: BoxConstraints(0.0<=w<=Infinity, h=1.0)
        child: RenderPositionedBox#13ae7 relayoutBoundary=up2
            parentData: <none> (can use size)
            constraints: BoxConstraints(0.0<=w<=898.0, h=1.0)
            size: Size(898.0, 1.0)
            alignment: Alignment.center
            textDirection: ltr
            widthFactor: expand
            heightFactor: expand
            child: RenderPadding#f5dd0 relayoutBoundary=up3
                parentData: offset=Offset(0.0, 0.0) (can use size)
                constraints: BoxConstraints(0.0<=w<=898.0, 0.0<=h<=1.0)
                size: Size(898.0, 1.0)
                padding: EdgeInsets.zero
                textDirection: ltr
                child: RenderConstrainedBox#b6932 relayoutBoundary=up4
                    parentData: offset=Offset(0.0, 0.0) (can use size)
                    constraints: BoxConstraints(0.0<=w<=898.0, 0.0<=h<=1.0)
                    size: Size(898.0, 1.0)
                    additionalConstraints: BoxConstraints(0.0<=w<=Infinity, h=1.0)
    child 5: RenderPadding#d35d0 relayoutBoundary=up1
        parentData: offset=Offset(0.0, 648.0); flex=null; fit=null (can use size)
        constraints: BoxConstraints(0.0<=w<=898.0, 0.0<=h<=Infinity)
        size: Size(898.0, 64.0)
        padding: EdgeInsets(8.0, 16.0, 8.0, 16.0)
        textDirection: ltr
        child: _RenderButtonBarRow#971b9 relayoutBoundary=up2
            parentData: offset=Offset(8.0, 16.0) (can use size)
            constraints: BoxConstraints(0.0<=w<=882.0, 0.0<=h<=Infinity)
            size: Size(882.0, 32.0)
            direction: horizontal
            mainAxisAlignment: end
            mainAxisSize: max
            crossAxisAlignment: center
            textDirection: ltr
            verticalDirection: down
            child 1: RenderPadding#1602e relayoutBoundary=up3
                parentData: offset=Offset(704.9, 0.0); flex=null; fit=null (can use size)
                constraints: BoxConstraints(unconstrained)
                size: Size(91.2, 32.0)
                padding: EdgeInsets(8.0, 0.0, 8.0, 0.0)
                textDirection: ltr
                child: RenderSemanticsAnnotations#2b476 relayoutBoundary=up4
                    parentData: offset=Offset(8.0, 0.0) (can use size)
                    constraints: BoxConstraints(unconstrained)
                    semantic boundary
                    size: Size(75.2, 32.0)
            child 2: RenderPadding#8a7d9 relayoutBoundary=up3
                parentData: offset=Offset(796.0, 0.0); flex=null; fit=null (can use size)
                constraints: BoxConstraints(unconstrained)
                size: Size(86.0, 32.0)
                padding: EdgeInsets(8.0, 0.0, 8.0, 0.0)
                textDirection: ltr
                child: RenderSemanticsAnnotations#b8790 relayoutBoundary=up4
                    parentData: offset=Offset(8.0, 0.0) (can use size)
                    constraints: BoxConstraints(unconstrained)
                    semantic boundary
                    size: Size(70.0, 32.0)
◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤

Expected results

The image should be loaded and be visible in the edit window.

Actual results

Getting a small red rectangle with an error message "unsupported operation", Also the dialog box for cropping is also having the flow issues which should be properly adressed

Code sample

Using the example from the github repo with no changes

Screenshots or Video

image image

Logs

Logs 
[Paste your logs here]

Chandu-bs avatar Jan 09 '24 09:01 Chandu-bs

Hi. Can you tell me which platform you are using?

EchoEllet avatar Jan 10 '24 09:01 EchoEllet

Hi. Can you tell me which platform you are using?

It is coming for the web platform.

For Android, the initial build only failed, the console message was image Is there anything i need to do or I was missing for android?

Chandu-bs avatar Jan 11 '24 04:01 Chandu-bs