mashnoon33 / circular_check_box Goto Github PK

View Code? Open in Web Editor NEW

53.0 1.0 47.0 174 KB

License: BSD 3-Clause "New" or "Revised" License

Dart 91.13% Kotlin 0.39% Swift 3.64% Objective-C 0.12% HTML 4.73%

circular_check_box's Introduction

Circular Check Box

A modified version of the existing checkbox with the shape of a circle instead of a rounded rectangle!

Installing

Add this to your package's pubspec.yaml file.

dependencies:
   circular_check_box: ^x.y.z

Now in your Dart code you can use:

import import 'package:circular_check_box/circular_check_box.dart';

Usage

To use CircularCheckBox widget simply include it in your build method like this:

CircularCheckBox(
    value: this.circularSelected,
    onChanged: (value) {
        this.setState(() {
            this.circularSelected = value;
        });
    },
),

The CircularCheckBox can be customized with many properties, including:

tristate - the circular checkbox will have three states: unselected, selected with a check and selected with a dash
checkColor - change the color of the check icon
activeColor - change the color of the selected circular checkbox

Null Safety

This package is null safe ready, so it can be used with the new dart's Sound Null Safety.

License

Watch the License file here

Changelog

Refer to the Changelog to get all the release notes.

circular_check_box's People

Contributors

Stargazers

Watchers

circular_check_box's Issues

NoSuchMethodError was thrown during paint()

When hovering on a circle checkbox on web I receive the following error:

The following NoSuchMethodError was thrown during paint():
'<Unexpected Null Value>'
method not found
Receiver: null
Arguments: []

The relevant error-causing widget was
CircularCheckBox
lib/components/circle_checkbox.dart:38
When the exception was thrown, this was the stack
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 236:49      throw_
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 78:3        throwNullValueError
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 490:39  _notNull
packages/flutter/src/material/toggleable.dart 500:26                              paintRadialReaction
packages/circular_check_box/circular_check_box.dart 448:5                         paint
...
The following RenderObject was being processed when the exception was fired: _RenderCircularCheckBox#56932
RenderObject: _RenderCircularCheckBox#56932
    parentData: <none> (can use size)
    constraints: BoxConstraints(w=20.0, h=20.0)
    size: Size(20.0, 20.0)
    additionalConstraints: BoxConstraints(w=32.0, h=32.0)
    value: unchecked
════════════════════════════════════════════════════════════════════════════════

iphone 12 pro simulator running 14.4 seems to work correctly, and the logic seems to be working correctly on web. My values are being correctly toggled. Just seems to be erroring on the hover animation on web.

[✓] Flutter (Channel beta, 1.26.0-17.8.pre, on Mac OS X 10.15.7 19H2 darwin-x64, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
[✓] Xcode - develop for iOS and macOS
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.1)
[✓] VS Code (version 1.53.2)
[✓] Connected device (2 available)```

Migrate the package to null safety

$ flutter pub upgrade --null-safety --dry-run
null-safety compatible versions do not exist for:

circular_check_box

pub.dev: package is discontinued

Package is no longer supported?

When I long press the button in the selected state, it will report an error

Flutter (Channel stable, 2.0.1,

Missing mouse change on hovering the checkbox

Different from the normal check box, when the mouse is on top of the circularcheckbox, there isn't a change in the cursor to show the user there is a button in that place.

I think it's possible to manually add it by wrapping your widget with a gesture detector (haven't tried), but will be nice to have this functionality by default.

Null Safety Migration

Need asap please

any way to change height and width?

In some cases, default drawing is too big.

RenderToggable not found

I couldn't fix this issue. Could you check please.

/C:/Users/xxxxxx/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/circular_check_box-1.0.4/lib/circular_check_box.dart:338:39: Error: Type 'RenderToggleable' not found.
class _RenderCircularCheckBox extends RenderToggleable {
                                      ^^^^^^^^^^^^^^^^

flutter version 2.1 cant render object

circular check box 328:39 error type: "RenderToggleable" not found

white active color

Setting the active color to Colors.white cause the Widget to display a white filled circle.
Maybe, in this case, the tic mark could become transparent.

After migration on flutter 1.17 application wont build

Compiler message:
../flutter-sdk/.pub-cache/hosted/pub.dartlang.org/circular_check_box-1.0.2/lib/circular_check_box.dart:168:13: Error: Expected 0 type arguments.
Map<Type, Action> _actionMap;
^
../flutter-sdk/.pub-cache/hosted/pub.dartlang.org/circular_check_box-1.0.2/lib/circular_check_box.dart:178:23: Error: Type 'ActivateIntent' not found.
void _actionHandler(ActivateIntent intent){
^^^^^^^^^^^^^^
../flutter-sdk/.pub-cache/hosted/pub.dartlang.org/circular_check_box-1.0.2/lib/circular_check_box.dart:173:25: Error: Expected 0 type arguments.
_actionMap = <Type, Action>{
^^^^^^
../flutter-sdk/.pub-cache/hosted/pub.dartlang.org/circular_check_box-1.0.2/lib/circular_check_box.dart:174:38: Error: 'ActivateIntent' isn't a type.
ActivateIntent: CallbackAction(onInvoke: _actionHandler),
^^^^^^^^^^^^^^
../flutter-sdk/.pub-cache/hosted/pub.dartlang.org/circular_check_box-1.0.2/lib/circular_check_box.dart:174:53: Error: Too few positional arguments: 1 required, 0 given.
ActivateIntent: CallbackAction(onInvoke: _actionHandler),
^
../flutter-sdk/packages/flutter/lib/src/widgets/actions.dart:128:9: Context: Found this candidate, but the arguments don't match.
const CallbackAction(LocalKey intentKey, {@required this.onInvoke})
^^^^^^^^^^^^^^
../flutter-sdk/.pub-cache/hosted/pub.dartlang.org/circular_check_box-1.0.2/lib/circular_check_box.dart:174:7: Error: The getter 'ActivateIntent' isn't defined for the class '_CircularCheckBoxState'.

'_CircularCheckBoxState' is from 'package:circular_check_box/circular_check_box.dart' ('../flutter-sdk/.pub-cache/hosted/pub.dartlang.org/circular_check_box-1.0.2/lib/circular_check_box.dart').
Try correcting the name to the name of an existing getter, or defining a getter or field named 'ActivateIntent'.
ActivateIntent: CallbackAction(onInvoke: _actionHandler),
^^^^^^^^^^^^^^
../flutter-sdk/.pub-cache/hosted/pub.dartlang.org/circular_check_box-1.0.2/lib/circular_check_box.dart:173:40: Error: A value of type 'Map<Type, Action>' can't be assigned to a variable of type 'Map<Type, invalid-type>'.
'Map' is from 'dart:core'.
'Type' is from 'dart:core'.
'Action' is from 'package:flutter/src/widgets/actions.dart' ('../flutter-sdk/packages/flutter/lib/src/widgets/actions.dart').
_actionMap = <Type, Action>{
^
../flutter-sdk/.pub-cache/hosted/pub.dartlang.org/circular_check_box-1.0.2/lib/circular_check_box.dart:178:23: Error: 'ActivateIntent' isn't a type.
void _actionHandler(ActivateIntent intent){
^^^^^^^^^^^^^^
../flutter-sdk/.pub-cache/hosted/pub.dartlang.org/circular_check_box-1.0.2/lib/circular_check_box.dart:226:16: Error: The argument type 'Map<Type, invalid-type>' can't be assigned to the parameter type 'Map<LocalKey, Action Function()>'.
'Map' is from 'dart:core'.
'Type' is from 'dart:core'.
'LocalKey' is from 'package:flutter/src/foundation/key.dart' ('../flutter-sdk/packages/flutter/lib/src/foundation/key.dart').
'Action' is from 'package:flutter/src/widgets/actions.dart' ('../flutter-sdk/packages/flutter/lib/src/widgets/actions.dart').
actions: _actionMap,
^
Target kernel_snapshot failed: Exception: Errors during snapshot creation: null

'package:circular_check_box/circular_check_box.dart': Failed assertion: line 58 pos 14: 'tristate || value != null': is not true.

Requesting new release

It seems like the package is already null safe and in this repo, the sdk version is already set to 2.12.0, so it should just be a matter of releasing a new version.

Thank you for considering!

Color options

Hello. I would be a cool feature to have color options for the checkbox. Including a transparency option. :)