第三章:鼓起勇气,大胆尝试

本文分享了Flutter开发者如何解决屏幕适配和资源文件管理问题,介绍了flutter_screenutil插件的使用,以及如何利用flutter-img-sync插件自动化配置图片资源,为Flutter项目开发提供实用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 经过了前面几篇文章的学习和研究,我想大家对Flutter有了大致的了解。我当时的感受对Flutter也不太喜欢。但是通过网上搜索,发现网上Flutter资料不少,通过QQ搜索关于Flutter的学习群,都是两千人的群,而且还是群群爆满。由此看来Flutter还是挺火爆的。

看到这个现状给我学习Flutter带来了很大的动力。既然要学我们就不能停留在学习这些基础概念上了。怎么办呢?找个App练呗!这时候肯定有人会说:我还没跟学安卓似的学会四大组件、生命周期、网络访问..呢。我在这里告诉大家,你们掌握了安卓开发,就相当于掌握了移动开发大体框架,万变不离其宗。剩下的就是在开发中不断学习为它添加血和肉了。

终于要到码字母的时候了。在这里感谢玩安卓平台,为我们在实战过程中提供开发API。再介绍一下在将来的开发学习过程中我用到的两大法宝就是Flutter中文网【给我们最系统的知识】和度娘【当遇到困难给我们伸出援助之手】。

注:在以后的文章中我不会讲代码是怎么编写的,这个需要大家亲自动手。我会将我在编写我第一个练手项目过程中我的思考过程和开发经验以及开发中遇到的困难介绍给大家。大家可以一边结合我的文章一边开发,然后总结自己的经验。

屏幕适配的问题

有经验的程序猿在开发一个应用的时候一定要把开发的根基打牢,我们肯定在原生开发中遇到很多次屏幕适配的坑,大家都有自己的一套屏幕适配方案。但是Flutter开发是怎么做屏幕适配的呢?如果你跟着我的学习轨迹走,这个时候你都不知道怎么设置一个控件的宽度,更别说屏幕适配了。哈哈,不着急,设置控件宽度的问题你会在后面开发过程中慢慢去体会。怎么做屏幕适配的呢?Flutter中文网网站上也没说,这个时候问度娘呗,百度“Flutter屏幕适配”,第一条帖子里人家就指出来一个插件:flutter_screenutil,点击去看看呗。进去一看你会发现Flutter跟原生开发一样也有插件哈,它集成插件的地方在一个叫:pubspec.yaml的文件中

在这个文件中添加插件插件依赖的方式也很特别:1、必须在dependencies:后面。 2、因为这种文件是用缩进进行分类的,所以添加的控件要缩进两个字符。3、在配置文件中配置好后点击右上角的Packages  get,这样插件就会添加到我们的项目中了。

不知道这个插件稳不稳定,反正是练手,先用再说。我们除了需要在配置文件中进行依赖,还需要按他的文档进行插件的初始化。如我在项目中的初始化:

仔细地阅读一遍这个插件的使用文档:https://github.com/OpenFlutter/flutter_screenutil/blob/master/README_CN.md

牢记下面这两个方法:

ScreenUtil.getInstance().setWidth(540)    //设置控件大小用到
ScreenUtil.getInstance().setSp(28)        //设置字体大小用到  

通过这个问题我们学会了两点:

1、Flutter插件的依赖配置

2、Flutter屏幕适配方案

资源文件管理的问题

我们在之前的学习中发现,Flutter的资源文件管理也太渣了吧,添加一张图片,还要纯手工将图片的名字配置到pubspec.yaml文件中。这不符合我们5G时代的办事效率啊。怎么办呢?百度一下吧。百度"Flutter图片资源自动化配置",我靠又是第一条。人家又给了个插件flutter-img-sync,读了文章你会发现这个插件不是Flutter的了,他是AndroidStudio的插件,专门为Flutter资源管理而生的。不管咋样先试试呗。试过以后,就会发现,这个插件只是帮我们自动的将图片进行了配置,生成了一个类似Android的R文件。有总比没有强吧,哈哈。

到这里开发的前期准备工作已经就绪,敬请期待下篇文章吧。^_^

 

悄悄话:

安卓开发者的福利:小绿人  一个实用的安卓开发工具箱,搜集了数千个开源项目。拿走不谢^_^。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值