Giter VIP home page Giter VIP logo

flutterunit's Introduction

FlutterUnit 全平台下载体验:

平台类型 下载地址 项目分支地址 相关文章
Android版 FlutterUnit.apk flutter_unit 《FlutterUnit食用指南》
iOS版 FlutterUnit in AppStore flutter_unit 《FlutterUnit 食用指南》
MacOS版 FlutterUnitMac.zip flutter_unit 《mac版闪亮登场》
Windows版 FlutterUnitWin.zip flutter_unit 《win版闪亮登场》
Web版 http://toly1994328.gitee.io/flutter_web flutter_unit_web 《web版闪亮登场》

Flutter Unit 周边



当前Flutter 版本

Flutter 3.19.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision bae5e49bc2 (8 days ago) • 2024-02-13 17:46:18 -0800
Engine • revision 04817c99c9
Tools • Dart 3.3.0 • DevTools 2.31.1

构建命令,产出应用

Android 分架构打包: flutter build apk --target-platform android-arm64 --split-per-abi
iOS 打包应用: flutter build ios
Windows 打包应用: flutter build windows
Macos 打包应用: flutter build macos
Linux 打包应用: flutter build linux
web 打包应用: flutter build web


MacOS 桌面版本组件界面

Windows 桌面版本组件界面

开源不易,请我喝咖啡 ~

Star History

Star History Chart

一、组件的展示页面

1. 300+组件收录

Flutter源码中的可用的组件一共350个左右,纷繁复杂,也没有明确的分类标准 FlutterUnit 对大大小小,常用不常用的组件能收的尽量收录。并根据个人感觉进行评星 目前收录组件306个,每个都有至少一个演示展现和代码展示。

. . .

2. 组件详情页

213个组件全部都有详情页。对于重要的组件会详细展现 一般都会有某个演示对应的组件和属性,尽量做到细致,如果有需要补充,欢迎联系我。 最重要的是: 所有的演示展现都是Flutter的组件形成的,而非图片,这就意味着可操作性更高。

. . .

3. 组件的可操作性

对一些操作交互的组件或有可操作性的某些组件,提供操作演示

. . .

4. 相关组件的关联切换

相关组件通过link to 可以进行切换, 满足你的探索欲。 如果有的关联未加入,欢迎联系我,对我来说,加个数字就行了。

. . .

5. 代码的查看和分享

激动人心的是,你可以通过右侧的图标展开/隐藏 实现下面效果的代码 并且支持分享,如果你想亲自体验,so,easy ! 而且代码高亮样式可以自定义

. . .

二、全局配置

1. 颜色主题

只提供八种颜色,可在右滑菜单页我的主题配置,可以拓展

. . .

2.字体配置

支持全局字体设置,可以拓展

. . .

3.item样式设置

支持item样式设置,可以拓展,支持征集,详见Flutter Unit 1.0 征集方案

. . .

4.代码面板风格设置

支持代码风格设置,可以拓展,支持征集,详见Flutter Unit 1.0 征集方案

. .

三、搜索与收藏功能

1.搜索功能

由于Flutter中Widget比较杂乱,不太好分类,所以搜索是非常重要的 另外可以根据星级进行过滤,支持多选。目前正在考虑根据功能分类,之后会有所完善。

. . .

2.收藏功能

添加收藏集 修改收藏集 删除收藏集
长按右菜单滑页 长按左菜单滑页 详情内长按展示收藏菜单
删除与数据同步 组件加入收藏集 收藏集支持多选

FlutterUnit 2.0 目前基本就是这么多功能,可以在Github中下载打包后的apk玩玩 希望能对你的Flutter学习有所帮助。


flutterunit's People

Contributors

dingjianjaja avatar starsweets avatar toly1994328 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flutterunit's Issues

+ 0007 Dart里三个点 ... 是什么语法?

main() {
  var isJava=true;
  <String>[
    if (isJava) "Java" else "NO java",//dart2.3+ 数组元素内可进行if判断
    "Dart",
    "Swift",
    ...["Kotlin", "python"]//将一个数组中的元素进行解构成一个个元素
  ];
}

+ 0019 [样式] 如何改变按钮Button的高度?

Botton相关的样式由ButtonTheme进行管理。默认高度是36

---->[flutter/packages/flutter/lib/src/material/button_theme.dart:250]<----
  const ButtonThemeData({
    this.textTheme = ButtonTextTheme.normal,
    this.minWidth = 88.0,
    this.height = 36.0, <----
    EdgeInsetsGeometry padding,

DataTable表格显示不全

demo中DataTable表格右侧显示不完整。另外想请教一下,如果想用dataTable(毕竟自带复选)而不是Table,如何做到按照屏幕自动均分或按比例分宽度?

怎么运行起来是白屏

依赖装完之后,用Xcode运行起来直接打印下面问题
2020-04-24 16:25:53.655760+0800 Runner[7781:1889055] Failed to find assets path for "Frameworks/App.framework/flutter_assets"
2020-04-24 16:25:53.929452+0800 Runner[7781:1889055] Metal API Validation Enabled
2020-04-24 16:25:54.433538+0800 Runner[7781:1889234] [VERBOSE-2:engine.cc(127)] Engine run configuration was invalid.
2020-04-24 16:25:54.433755+0800 Runner[7781:1889234] [VERBOSE-2:shell.cc(437)] Could not launch engine with configuration.
2020-04-24 16:25:54.453264+0800 Runner[7781:1889243] flutter: Observatory listening on http://127.0.0.1:53261/ObwJBGhGVG8=/

红米8A,安装失败

正好在学习flutter,感谢大佬.打算体验安装,结果安装失败. 手机提示.失败原因: 其它原因.

提问

有些页面点击进去的时候路由动画明显卡顿掉帧。。
我是小米mix2 。
这是什么原因。初始化的时候child组件太多了嘛

iOS 跑起来是空白页

这是报错信息

"Frameworks/App.framework/flutter_assets"
2020-04-22 23:46:15.168972+0800 Runner[5419:2029601] [VERBOSE-2:engine.cc(127)] Engine run configuration was invalid.
2020-04-22 23:46:15.169085+0800 Runner[5419:2029601] [VERBOSE-2:shell.cc(437)] Could not launch engine with configuration.

+ 0000 【MacOS】【Windows】配置Flutter环境、创建Flutter初始项目

一、Mac配置Flutter环境

1.下载 Flutter SDK: https://flutter.dev/docs/development/tools/sdk/releases

根据需求下载FlutterSDK版本,一般使用稳定版的最新版本。


2.解压后添加环境变量: vim ~/.bash_profile

解压

export PATH= flutterSDK磁盘路径/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

3. 通过命令行查看环境是否ok : flutter --version

屏幕快照 2019-10-29 下午7 20 02

Cons是什么?

在基础组建库中m
decoration: BoxDecoration(
//添加渐变色
gradient: LinearGradient(
stops: stops,
colors: Cons.rainbow.map((e) => Color(e)).toList()),
borderRadius: BorderRadius.only(
topLeft: Radius.circular(50),
bottomRight: Radius.circular(50)),
boxShadow: [
BoxShadow(
color: Colors.grey,
offset: Offset(1, 1),
blurRadius: 10,
spreadRadius: 1),
]),
其中Cons是什么?我的版本是1.17.1

+ 0004 如何让flutter自动加载不同分辨率的图片资源?

不同分辨率的图片分别放在2.0x,3.0x等文件夹下,会自动加载。注意:不需要1.0x文件夹但必须有1.0x的图片,比如存在image文件夹,则1.0x的图片直接放在image文件夹下,并在image文件夹下创建2.0x、3.0x文件夹,里面放入相应分辨率的图片


image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.