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 ↗