![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
flutter项目,学习和工作中的实际项目的经验,一些专项文档以供大家高效解决问题。
champion_ooO
这个作者很懒,什么都没留下…
展开
-
Flutter 中如何开发一个三角形
dart中可以采用border去画三角形,三角形朝向的那边就是实际你要赋值的颜色了。原创 2023-08-11 13:28:38 · 804 阅读 · 1 评论 -
Flutter开发App时,缓存的值查看的入口
第一步:view ==> Tool windows ==> Device File Explorer。第三步: 你想查看的缓存数据在 /data/data/包名/shared_prefs 路径下。在Andriod studio中,如果想直观的看到缓存的东西,跟着步骤走。这是你的设备的app的包,一直找,找到你当前开发的这个app的名字,第二步:打开Device File Explorer后界面是这样。点击这个xml文件,就能看到缓存的数据了。原创 2023-06-13 11:19:14 · 240 阅读 · 0 评论 -
Flutter 子组件中的TextField如何在父组件获取当前用户输入的值?
在开发一些经常复用的Input框时,我们都会抽离出一个Widget,通过调用这个Widget,去传入title,icon,hintText等。就可以减少很多代码量。但是当我们将子组件抽离出来,父组件调用这个widget,如何去获取TextField中用户输入的值呢?需要使用这个Widget的父组件去调用,并且将子组件所需要的参数都传递给子组件。父组件中需要获取子组件的输入值时,直接调用controller.text即可。在父组件调用Widget时,将第一步定义的controller传递进去。原创 2023-06-06 14:40:47 · 459 阅读 · 0 评论 -
Flutter 如何调整 Button的高度?
再往上一层容器找找看,如果你使用了Container或者SizedBox这样的容器,那么极有可能因为Container中的属性,比如:margin,padding等 与 ButtomTheme 冲突了,这个时候我们就可以尝试想写入ButtonTheme的height往Container上放。在使用Flutter预定义的ElevatedButton时,不能设置高度属性,也看了一些别人的文章,用ButtonTheme容器将你要调整高度的Button包裹起来,然后在ButtonTheme中去控制高度。原创 2023-06-01 15:48:35 · 1036 阅读 · 0 评论 -
Flutter 在Container中使用Column组件后,Column中的Text文本自动居中如何解决?
1. 最近在开发公司App时,发现使用Container或者SizedBox作为容器后,在child中使用Column容器,再把要展示的信息做为Column的children去开发,这时,children内的Text组件会自动居于屏幕水平中间位置。2. 实际想要的效果是文本靠左对齐,用了Text组件中的TextAlign发现不对,因为这个是将Text组件整体居中,不是将文本居中了,所以我们还是要去操作这个Text组件才行。所以要往Text组件的父级容器中去处理。原创 2023-06-01 15:35:14 · 997 阅读 · 0 评论 -
Flutter app 解决页面顶端存在一节灰色块以及去掉红色DEBUG标志
1.在页面中使用ListView来做为最外层容器时,调试的时候,手机顶部存在一节灰色块。这个时候是因为ListView的padding引起的,如果我们想关闭这块元素,那么。1. 通过命令或者在编辑器中生成一个新的项目,此时运行起来项目都会带有这个标志。,这个属性默认值是true,所以我们需要手动将其置为false即可。二. 释放掉项目自动开启的DEBUG标志。2.如果想关掉这个DEBUG标志,2. 要解决这个问题很简单,一. 释放掉顶部灰色模块。原创 2023-06-01 10:51:48 · 301 阅读 · 0 评论 -
Flutter中对于color属性的写法汇总
第三种: 十六进制写法 Color(0xFF 0000FF) 和Color(0x00 0000FF)(1) 0xFF 是一个十六进制数,表示颜色的 alpha 值为 100%,即完全不透明。第二种:RGBA写法 Color.fromRGBO(r, g, b, opacity)(2) 0x00 是一个十六进制数,表示颜色的 alpha 值为 0%,即完全透明。在开发flutter应用时,对于要写color属性的组件,目前汇总以下这些写法。第一种: 预定义颜色名称 Colors.xxx。原创 2023-05-31 17:34:58 · 662 阅读 · 1 评论 -
Flutter中的MaterialApp中的title在哪儿显示?
在flutter项目中,我们都会用到MaterialApp这个组件作为根组件,包括设置title,theme等属性。实际是在你的手机进程里面,这个时候你的这个App就以你定义的title显示在这个地方。theme是设置App的主题颜色,那title设置好在哪儿能看到渲染呢?原创 2023-05-29 09:42:56 · 226 阅读 · 0 评论 -
Flutter如何用解决不同平台,不同设备尺寸的样式兼容问题?使用第三方库--ScreenUtil
flutter如何让一套代码自动适应用户的设备尺寸原创 2023-05-25 14:21:29 · 849 阅读 · 1 评论 -
Flutter如何实现圆形头像框
首先,一般来说,从服务器读取的图片一般都是矩形,如果页面需要一个圆形图片,那么这个时候都是前端自己来处理。在Flutter中自带了两个组件来帮助我们实现圆形头像框的开发。但是相对于CircleAvatar组件,使用ClipOval组件,需要我们自己定义图片的平铺方式,就需要加上fit属性。一般常用该组件的2个属性就能实现我们想要的结果,一是 backgroundImage ,二是radius。同理,想要一个圆形头像,那么还是要设定这个元素的宽高,以及图片的URL地址,3.接下来一组完整代码可以参考。原创 2023-05-29 10:57:56 · 548 阅读 · 1 评论 -
Flutter App开发,高效解决如何将用户登录手机号部分用星号代替在页面中展示
在开发App时,一般都会遇到个人中心的页面,这个时候页面中要展示出来用户当前登录手机号码,但是数据库存的是正常的手机号,需要前端自己来将部分用星号('*')代替。主要使用的是字符串的replaceRange(star, end, newStr)第三步:在我们需要显示这个变量的地方,去调用这个变量即可。第二步:在页面初始化生命周期中去操作这个 phone变量,第一步:定义一个变量 存储手机号。原创 2023-05-31 12:20:33 · 336 阅读 · 1 评论