ajilo297 / flutter-dotted-border Goto Github PK

Describe the bug
radius does not work.

To Reproduce
Run code below

DottedBorder(
      color: Color.fromARGB(255, 134, 129, 129), // 点線の色
      radius: Radius.circular(12),
      dashPattern: [6.0,4.0],
      strokeWidth: 3.0,
      strokeCap: StrokeCap.round,
      child: ClipRRect(
        borderRadius: BorderRadius.all(Radius.circular(12)),
        child: child),
    )

Expected behavior
Corner rounded

Screenshots

Desktop (please complete the following information):

• OS: MacOS
• Browser non
• Version 2.0.0+3

Smartphone (please complete the following information):

• Device: iPhone 11
• OS: iOS
• Browser non
• Version 16.0

A feature request: Please allow specifying sides. I wanted to create just dashed line.

I was using your package, and I wanted to add a border around a TextField. I was going for something like this where the dashed lines are inside the child widget:

I figured out you can use the borderPadding property to control this, but when I add the padding the border goes beneath the child widget and disappears. This can be easily fixed if you just swap the two child widgets of the stack, I tested it already and it works.

Is there a reason why it is like this?

Hi,

I have other packages that now are using the just recently published stable release of path_drawing 1.0.0.

Dotted border uses 0.5.0, so there will be an unresolvable conflict (because of the major version bump)

Could you please consider update the dependency to also use path_drawing ^1.0.0 ?

So, because "some_project" depends on both flutter_svg ^0.22.0 and dotted_border ^2.0.0+3, version solving failed.
pub get failed (1; So, because "some_project" depends on both flutter_svg ^0.22.0 and dotted_border ^2.0.0+3, version solving failed.)

can you upgrade flutter_svg version to resolve it?
thanks for great job!

Describe the bug
when update to 2.0.0+2，it will version solving failed with flutter_html

To Reproduce
Steps to reproduce the behavior:

dependencies:
  flutter_html: ^2.1.2
  dotted_border: ^2.0.0+2

Expected behavior
can use dotted_border 2.0.0+2+ and flutter_html at the same time

Screenshots

Desktop (please complete the following information):

• all

Smartphone (please complete the following information):

• all

Additional context

Running "flutter pub get" in xilaijian_app...                   
Because flutter_svg >=0.23.0 <1.0.0 depends on path_drawing ^0.5.1 and flutter_svg >=0.21.0 <0.23.0 depends on path_drawing ^0.5.0, flutter_svg >=0.21.0 <1.0.0 requires path_drawing ^0.5.0.
And because dotted_border >=2.0.0+2 depends on path_drawing ^1.0.0 and flutter_html >=2.0.0-nullsafety.1 <3.0.0-alpha.1 depends on flutter_svg >=0.22.0 <1.0.0, dotted_border >=2.0.0+2 is incompatible with flutter_html >=2.0.0-nullsafety.1 <3.0.0-alpha.1.
So, because xilaijian_app depends on both flutter_html ^2.1.2 and dotted_border ^2.0.0+2, version solving failed.
pub get failed (1; So, because xilaijian_app depends on both flutter_html ^2.1.2 and dotted_border ^2.0.0+2, version solving failed.)

Hey, this issue still persists in the case of BorderType.Circle.

If we write just one letter in the Text(), it just place it outside the border.

See code:

DottedBorder(
      borderType: BorderType.Circle,
      padding: EdgeInsets.all(15),
      child: Text('1'),
)

The same code if I change BorderType.Circle to BorderType.Oval or BorderType.Rect outputs:

I solved this by wrapping DottedBorder inside SizedBox and then wrapping the Text with Center

SizedBox(
      width: 30,
      height: 30,
      child: DottedBorder(
        borderType: BorderType.Circle,
        child: Center(child: Text('1')),
      ),
)

So, here's the output now:

Please open this issue.

Originally posted by @rmahmadkhan in #2 (comment)

Describe the solution you'd like
Allow the border to animate / rotate

can you upgrade path_drawing?

Because no versions of dotted_border match >1.0.7 <2.0.0 and dotted_border 1.0.7 depends on path_drawing ^0.4.1, dotted_border ^1.0.7 requires path_drawing ^0.4.1.
And because flutter_html >=1.3.0 <2.0.0-nullsafety.0 depends on flutter_svg ^0.20.0-nullsafety.3 which depends on path_drawing ^0.5.0-nullsafety.0, dotted_border ^1.0.7 is incompatible with flutter_html >=1.3.0 <2.0.0-nullsafety.0.

Hey. I have used this in one of my projects where I needed dashed border.
Now in my other project, I was thinking to use it to show the count of the stories which the user has uploaded, something similar to the WhatsApp story feature.
Is there a way that dashes that are displayed automatically render on the basis of story number?

I want to disable one Sid of the border, how can do that?

Using swipe in a list can cause problems.

                                DottedBorder(
                                  borderType: BorderType.Circle,
                                  radius: Radius.circular(12),
                                  dashPattern: [4, 4],
                                  color: Colors.grey[400],
                                  child: Padding(
                                    padding: const EdgeInsets.all(16),
                                    child: Column(
                                      mainAxisSize: MainAxisSize.min,
                                      children: [
                                        Text(
                                          '25:34',
                                          style: TextStyle(
                                            fontSize: 32,
                                            fontWeight: FontWeight.bold,
                                          ),
                                          textAlign: TextAlign.center,
                                        ),
                                        Text(
                                          'دقائق',
                                          style: textTheme.subhead,
                                          textAlign: TextAlign.end,
                                        ),
                                      ],
                                    ),
                                  ),
                                )

the same code when using BorderType.RRect it works as expected

• #34
• #35
• #36
• #37

What would be the right way of doing this?

We are using ort for automatic software compliance checks.

dotted_border is one of our dependencies and we use it in version 2.1.0. Now, ort fails in scanning this repo, as this version is not tagged on GitHub.

Could you please add the missing tag "2.1.0" to GitHub and keep these tags in sync with upcoming releases?

A big thanks for your package: it saved us the time and trouble of having to develop a custom border ourselves.

It would greatly improve the usability of your widget, if it would allow to control the constraints that DottedBorder would pass to its child widget. Currently, the inner stack always loosens the constraints passed to the child (the default value of Stack.fit); that might be what some of the users want, but certainly not wat all of them want to happen. In our particular case, we want DottedBorder.child to respect a minimal height imposed on the DottedBorder widget itself -- something that the Stack allows by setting it's fit property to StackFit.passthrough.

The package claims it's compatible with Web, but unfortunately it doesn't. path_drawing's dashPath method throws Unimplemented error.

In an attempt to use the same widget for a solid border and dashed border, I stumbled into a weird bug where setting dashPattern to [0,0] or [0] brings down the whole iOS simulator + Android studio. For anything to work again, I have to restart both the simulator and Android studio.

I haven't tried much with other devices, but I assume something similar will happen.

I have a widget where I want the border to be dotted in one state, but solid in another.
Is there a safe way of setting a non-dashed border other than using a different widget altogether?

Hi,

Thank you for this library.

My request is:
Can you add a support for using gradient color for the border color?

Thanks.

Any idea on how to define the radius for each one of the corners?

DottedBorder(
dashPattern: [6, 3, 2, 3],
padding: EdgeInsets.all(6),
color: Colors.black,
strokeWidth: 1,
child:Container())
Issue :

════════ Exception caught by rendering library ═════════════════════════════════
The following UnimplementedError was thrown during paint():
UnimplementedError

When the exception was thrown, this was the stack
throw_ (package:dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart:196:49)
extractPath (package:build_web_compilers/lib/_engine/engine/surface/path_metrics.dart:131:7)
dashPath
package:path_drawing/src/dash_path.dart:34
[_getPath]
package:dotted_border/dash_painter.dart:62
paint
package:dotted_border/dash_painter.dart:39
...
The following RenderObject was being processed when the exception was fired: RenderCustomPaint#332c2
RenderObject: RenderCustomPaint#332c2
    parentData: top=0.0; right=0.0; bottom=0.0; left=0.0; offset=Offset(0.0, 0.0) (can use size)
    constraints: BoxConstraints(w=777.0, h=369.0)
    size: Size(777.0, 369.0)
════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by rendering library ═════════════════════════════════
UnimplementedError
════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by scheduler library ═════════════════════════════════
Assertion failed: org-dartlang-sdk:///flutter_web_sdk/lib/_engine/engine/bitmap_canvas.dart:593:12
_saveCount == 0
is not true

Describe the bug
Having many dotted borders drawn at once can cause issues in iOS devices with large screens when rendered to web platform.

To Reproduce
Steps to reproduce the behavior:

1. render 20+ dotted borders in and an iOS device with a large resolution (Happened in Ipad 10th gen originally)

Expected behavior
The widgets render correctly.

Screenshots

Smartphone (please complete the following information):

• Device: Ipad 10th gen
• OS: iOS 16.1
• Browser Safari
• Version ^2.1.0

Additional context
It appears to create a canvas of the entire screen size for each widget which takes up too much memory on large resolution devices, which causes the total canvas memory to be exceeded