jjzjj

10 个 Flutter 优秀组件

ducafecat 2023-03-28 原文

[图片上传失败...(image-fca-1652268173136)]

今天我们再次讨论关于 UI 和 Widgets 的优秀软件包。所以... ... 让我们开始愉快的阅读吧!

原文

https://tomicriedel.medium.com/10-flutter-tips-season-2-part-5-10-e8152b58935a

正文

Yaru

Flutter 支持许多平台,其中包括 Linux。现在,如果你开发了一个漂亮的 Ubuntu 风格的应用程序,它可能会变得复杂。这就是亚鲁存在的原因。这使您能够使用各种各样的组件,从按钮和检查到进度条,而无需编写复杂的代码。

[图片上传失败...(image-b47060-1652268173136)]

Aesthetic 对话

对话是伟大的发明。它们被用在几乎每一个应用程序中,并且看起来非常棒。然而,创建如此美妙的对话框需要时间。出于这个原因,有一个包叫做 aesthetic_dialogs。这为您提供了许多定制选项,但仍然非常容易使用。

[图片上传失败...(image-29d2-1652268173136)]

Swipable Stack

swipable_stack

你可能想要创建一个 Tinder 的克隆,或者一个完全不同的应用,但是它也有熟悉的 swipecards。当然,你可以自己添加整个应用程序,但是为什么要让它变得不必要的困难呢?你应该使用 swipable_stack。有了这个软件包,你可以很容易地创建这些卡片,并通过一些代码线获得用户输入。你的应用程序可以是这样的:

[图片上传失败...(image-cf2ba3-1652268173136)]

Animated Toggle Switch 动画切换开关

animated_toggle_switch

动画切换开关为您提供了一个不同的选择,不仅仅是 2 个选择不同的开关。解释这个概念最简单的方法是使用 gif:

[图片上传失败...(image-42abb4-1652268173136)]

自定义导航栏

custom_navigation_bar

自定义导航栏为你提供了创建简单的动画导航栏的可能性。这个导航条适合任何看起来很时髦的应用程序,一定会吸引用户的眼球!

[图片上传失败...(image-97811a-1652268173136)]

自定义计时器

Custom Timer

定制计时器让你有可能在你的应用程序中创建一个非常简单的计时器,然而这是非常可定制的。这个软件包非常容易使用,并且可以在任何一个运动和时钟应用程序中找到使用方法:

[图片上传失败...(image-2e8301-1652268173136)]

Flash 闪光

flash

提醒对话框是很棒的,但是有时候写这么多代码并自定义整个事情会有点烦人。这就是 flash 发挥作用的地方。这是一个非常容易使用的可定制的警报库。

[图片上传失败...(image-fe48ff-1652268173136)]

Scribble

Scribble

Scribble 是一个图书馆,让你在 Flutter 应用程序中绘制基本的方法。你可以使用橡皮擦,使用不同厚度的钢笔,甚至是不同的颜色。对于具有小型绘图功能的应用程序,这个库是绝对推荐的。

[图片上传失败...(image-d52bbe-1652268173136)]

Water Drop 导航杆

library

这个导航栏有很多精彩的动画。正如这个library的名字所暗示的那样,它看起来就像一滴水滴落在选定的图标上。下面是一个例子:

[图片上传失败...(image-e9130f-1652268173136)]

Glass 玻璃效果

glassmorphism

玻璃态势是一个巨大的用户界面趋势,但并不总是容易实现。这就是为什么有这样一个 glassmorphism ,它允许您轻松地创建 Glasmorphic UI。

[图片上传失败...(image-d5514e-1652268173136)]

end.

祝你今天愉快!


© 猫哥

有关10 个 Flutter 优秀组件的更多相关文章

  1. 由于 libgmp.10.dylib 的问题,Ruby 2.2.0 无法运行 - 2

    我刚刚安装了带有RVM的Ruby2.2.0,并尝试使用它得到了这个:$rvmuse2.2.0--defaultUsing/Users/brandon/.rvm/gems/ruby-2.2.0dyld:Librarynotloaded:/usr/local/lib/libgmp.10.dylibReferencedfrom:/Users/brandon/.rvm/rubies/ruby-2.2.0/bin/rubyReason:Incompatiblelibraryversion:rubyrequiresversion13.0.0orlater,butlibgmp.10.dylibpro

  2. ruby - ri 有空文件 – Ubuntu 11.10, Ruby 1.9 - 2

    我正在运行Ubuntu11.10并像这样安装Ruby1.9:$sudoapt-getinstallruby1.9rubygems一切都运行良好,但ri似乎有空文档。ri告诉我文档是空的,我必须安装它们。我执行此操作是因为我读到它会有所帮助:$rdoc--all--ri现在,当我尝试打开任何文档时:$riArrayNothingknownaboutArray我搜索的其他所有内容都是一样的。 最佳答案 这个呢?apt-getinstallri1.8编辑或者试试这个:(非rvm)geminstallrdocrdoc-datardoc-da

  3. ruby-on-rails - gem install rmagick -v 2.13.1 错误 Failed to build gem native extension on Mac OS 10.9.1 - 2

    我已经通过提供MagickWand.h的路径尝试了一切,我安装了命令工具。谁能帮帮我?$geminstallrmagick-v2.13.1Buildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingrmagick:ERROR:Failedtobuildgemnativeextension./Users/ghazanfarali/.rvm/rubies/ruby-1.8.7-p357/bin/rubyextconf.rbcheckingforRubyversion>=1.8.5...yescheckingfor/

  4. ruby - 安装 tiny_tds 在 mac os 10.10.5 上出现错误 - 2

    我正在使用macos,我想使用ruby​​驱动程序连接到sqlserver。我想使用tiny_tds,但它给出了缺少free_tds的错误,但它已经安装了。怎么能过这个?~brewinstallfreetdsWarning:freetds-0.91.112alreadyinstalled~sudogeminstalltiny_tdsBuildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingtiny_tds:ERROR:Failedtobuildgemnativeextension.完整日志如下:/System

  5. ruby - rails 3.2.2(或 3.2.1)+ Postgresql 9.1.3 + Ubuntu 11.10 连接错误 - 2

    我正在使用PostgreSQL9.1.3(x86_64-pc-linux-gnu上的PostgreSQL9.1.3,由gcc-4.6.real(Ubuntu/Linaro4.6.1-9ubuntu3)4.6.1,64位编译)和在ubuntu11.10上运行3.2.2或3.2.1。现在,我可以使用以下命令连接PostgreSQLsupostgres输入密码我可以看到postgres=#我将以下详细信息放在我的config/database.yml中并执行“railsdb”,它工作正常。开发:adapter:postgresqlencoding:utf8reconnect:falsedat

  6. ruby-on-rails - 在 osx 10.9.3 上使用 RVM 安装 ruby​​-1.9.3-p547 时出错 - 2

    如何解决这个错误:$rvminstall1.9.3Searchingforbinaryrubies,thismighttakesometime.Nobinaryrubiesavailablefor:osx/10.9/x86_64/ruby-1.9.3-p547.Continuingwithcompilation.Pleaseread'rvmhelpmount'togetmoreinformationonbinaryrubies.Checkingrequirementsforosx.Certificatesin'/usr/local/etc/openssl/cert.pem'arealr

  7. u盘安装系统(win10为例) - 2

    下载微PE工具箱进入官网下载微PE工具箱-下载 安装好后,打开微PE工具箱客户端,选择安装PE到U盘 PE壁纸可选择自己喜欢的壁纸,勾选上包含DOS工具箱,个性化盘符图标 下载原版系统进入网站下载镜像NEXT,ITELLYOU如果没有账号,注册一下就好进入选择开始使用选择win10 这里我们选择消费者版,用迅雷把BT种子下载下来 下面的两个盘符,是PE工具箱安装进U盘后,分成的盘符,注意EFI的盘符,这里面不能删东西,也不能添东西,另一个盘符可以当做正常的U盘空间使用,我们现在需要把下载下来的景象文件复制到正常的U盘空间中去 这个时候我们的系统U盘就只做好了 安装系统我们将U盘插入电脑,开机,

  8. ruby-on-rails - OSX 10.7.5 - Ruby on Rails LoadError : Could not open library 'sodium' : dlopen(sodium, 5) - 2

    输入rakedb:create后我得到:LoadError:Couldnotopenlibrary'sodium':dlopen(sodium,5):imagenotfound.Couldnotopenlibrary'libsodium.dylib':dlopen(libsodium.dylib,5):imagenotfound这里还有一些输出。/Users/Mao/.rvm/gems/ruby-2.0.0-p451/gems/ffi-1.9.3/lib/ffi/library.rb:133:in`blockinffi_lib'/Users/Mao/.rvm/gems/ruby-2.0

  9. ruby-on-rails - 如何使用 Xcode 4.5.1 在 OSX Lion 10.8.2 上编译 EventMachine gem - 2

    我找遍了所有我能找到的地方,但似乎找不到解决这个问题的办法。我在Lion10.8.2上使用Xcode4.5.1,并尝试为Rails项目运行bundle,但它一直卡在这上面。我正在为Heroku使用Thingem。Bolanos@Jeremys-Mac-mini⦿-1.9.3fishfarm$sudogeminstalleventmachinePassword:Buildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingeventmachine:ERROR:Failedtobuildgemnativeextens

  10. ruby - Ruby 中允许 "p *1..10"打印出数字 1-10 的功能是什么? - 2

    require'pp'p*1..10这会打印出1-10。为什么这么简洁?您还可以用它做什么? 最佳答案 它是“splat”运算符。它可用于分解数组和范围并在赋值期间收集值。这里收集赋值中的值:a,*b=1,2,3,4=>a=1b=[2,3,4]在此示例中,内部数组([3,4])中的值被分解并收集到包含数组中:a=[1,2,*[3,4]]=>a=[1,2,3,4]您可以定义将参数收集到数组中的函数:deffoo(*args)pargsendfoo(1,2,"three",4)=>[1,2,"three",4]

随机推荐