About BadFL #

BadFL includes encapsulation of commonly used utils and components, as well as secondary encapsulation of commonly used libraries (such as dio, hive, device_info_plus, etc.)

It expresses component properties in a form closer to CSS representation, making it easier for web developers to get started.

NOTICE!!! This library completely abandons semantics! (For example, Container+GestureDetector is used to express a Button rather than build-in ones) People who have related needs or care about this should use it with caution.

Architecture #

Extension #

Extension methods of built-in types, named in the form of <Type>Ext.

ListExt #

• slotted: build a new element from each element of the list and insert slot elements between every two elements.

Fragment #

⏳ WIP

Helper #

BadDebouncer #

⏳ WIP

BadThrottler #

⏳ WIP

Impl #

Some classes need to be initialized before use. Due to privacy issues, some initialization have to be done after the user has accepted the privacy policy.

• prepare: can be called as soon as possible
• extend: may only be called after the privacy policy has been accepted

Below is a list of classes that need to be initialized:

⏳ WIP

Layout #

⏳ WIP

Mixin #

⏳ WIP

Prefab #

⏳ WIP

Wrapper #

Non-visual components that wrap other components.

Clickable #

Add click event listener to the widget.

class ClickableExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Clickable(
      onClick: () => print('clicked'),
      child: Container(width: 100, height: 100, color: Colors.blue),
    );
  }
}

Useful Tips #

• When using input components, do not use borderRadius and non-fully enclosed border at the same time. (will result in unexpected lines at the rounded corners)