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

所在榜單

Popular#238

原始 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 ↗