Rannie/flui

技術トピック

# flutter # flutter-package # flutter-ui # flutter-widget # flui # widgets # google-flutter # toast # skeleton # dynamic-rendering

使用している依存関係

依存関係一覧 6 件

flutter{"sdk":"flutter"}
json_annotation^3.0.1
flutter_test開発用{"sdk":"flutter"}
mockito開発用^4.1.1
build_runner開発用^1.7.3
json_serializable開発用^3.2.5

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

English | 简体中文

https://abtfun.oss-cn-beijing.aliyuncs.com/img/2019-12-18-Artboard.png

FLUI

A powerful UI framework for Google Flutter Demo apk

pub package CI Status Documentation GitHub stars GitHub forks GitHub license

https://raw.githubusercontent.com/Rannie/Rannie.github.io/master/images/2019-12-18-overview-2.png

Features

A set of high-quality Flutter widgets out of the box
Comprehensive usage examples and documentation
Fine-grained non-stylized widgets for different types of applications
Supports Dark Mode and RTL
Dynamic rendering module -- Dynamic

Compatibility

FLUI has good compatibility on multiple clients, and the framework will be developed based on Flutter Stable Channel.

Currently supports v1.17.0 .

Getting Started

Setup

dependencies:
  flui: 0.9.2

Then run flutter pub get to download the dependencies.

Usage

After the dependency installed, you can directly import the widget.

import 'package:flui/flui.dart';

// in somewhere
FLAppBarTitle(
    title: 'AppBar',
    subtitle: '(subtitle)',
    layout: FLAppBarTitleLayout.vertical,
    showLoading: true
)

Widgets

Dynamic

dynamic-post

FLUI-Dynamic is a dynamic rendering module that supports rendering widgets based on json strings or objects of a specified type. For more introduction and usage, please see Dynamic

Widget buildDynamicWidget() {
    return FLDyContainer(
       jsonObject: $JSON_STRING_OR_OBJECT,
       placeholder: CircularProgressIndicator(
         strokeWidth: 3.0,
         valueColor: AlwaysStoppedAnimation(Theme.of(context).accentColor),
       ),
    );
}

Contributing

Principles:

Branches that submit new widgets should be named 'feature-' + widget name. Fixing issues need to be prefixed with 'bugfix-'
The submitted widgets need to be general. If the widget is rare or not sure whether it needs to be added to FLUI, you can raise a issue which starts with [feature] for discussion
The API design of the new widget is as standard and readable as possible, following the naming and usage rules of Flutter's official widgets.
Please comment above properties and methods how to use it so that I can add to the documentation and examples.
Commit messages: prefix with feat | fix | docs | style | refactor | perf | test | workflow | ci | chore | types:.

License

MIT License

Hanran ↗