首页 前端设计 Flutter 正文内容

flutter字体行距 flutter 自定义字体

钟逸 Flutter 2024-05-06 04:56:08 4

Flutter是一个什么框架

Flutter是Google使用Dart语言开发的移动应用开发框架,使用一套Dart代码就能快速构建高性能、高保真的ios和Android应用程序,并使用Dart编写了应用程序的所有外观和业务逻辑。

Flutter是谷歌公司推出的跨终端的开发框架,支持Android、iOS和WEB终端。

Flutter只是 谷歌的移动 UI 框架,在Android开发中,你可以理解为 嵌套在activity里面的一个view即可。目前有纯flutter开发,还有 flutter,原生混合开发 两种模式。

Flutter是一种基于Dart语言的开源应用程序开发框架,可以同时开发iOS、Android、桌面应用、Web应用等多平台应用程序。Flutter的特点是具有高效的渲染性能、丰富的组件库、灵活的布局模式以及热重载等优秀的开发体验。

Flutter 这是Google出的一套移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。采用现代响应式框架构建,是从React中获得的灵感,中心思想是用组件(widget)构建你的UI。使用语言是Dart。

Flutter实践--屏幕适配

1、所以在flutter项目中,我们需要构建对应的倍数像素文件夹 之后再pubspec.yaml中,配置assets文件后就可以使用了(如使用assets/images/jay.png,会自动适配该像素下最接近的jay图片)。

2、界面搭建过程中各种大小单位 Android:通常采用dp设置View宽高(和px像素的换算关系是dp值 × density逻辑密度),sp设置字体大小(会随着系统字体设置的大小而改变)。

3、enable launching from the home screen.在iOS 14+,调试模式Flutter应用程序只能从Flutter工具,带有Flutter插件的ide或Xcode启动。或者,构建概要文件或发布模式,以支持从主屏幕启动。

Flutter小部件之图片(Image)和图标(Icon)

Image(图片组件)是显示图像的组件,一个显示图片的widget,支持图像格式:JPEG,PNG,GIF,动画GIF,WebP,动画WebP,BMP和WBM 构造方法 Image: 从ImageProvider获取数据 Image.network: 加载网络图片。

在 itemBuilder 中,如果显示到最后一个时,判断是否需要继续获取数据,然后返回一个Icon。

在Flutter中,AppBar是一个常用的顶部导航栏组件,leading属性用于设置AppBar的左侧元素,通常用于显示返回按钮或应用程序的logo。要更改leading图标,可以使用IconButton组件,并将其作为leading属性的值。

brightness: Brightness.light 状态栏图标与字体颜色为黑色。 iconTheme :设置appbar icon的颜色,appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色,这里可以在iconTheme中指定icon的颜色。

无网络有缓存视频时,无法展示封面,因为内部是通过imageProvider去加载网络图片的。

Flutter中InheritedWidget的使用

Flutter 中子类可以访问父类的所有变量和方法,因为Flutter没有public 和 private 之分 a、混合对象是一个类 b、一个类可以混合多个类 a、class 就是一个接口 b、class 被当做接口使用时,class的方法就是接口方法。

addPostFrameCallback是StatefulWidget渲染结束之后的回调,只会调用一次,一般是在initState里添加回调:,一般在dispose中做一些取消监听、动画的操作,和initState相对使用。

didChangeDependencies调用次数:多次初始化时,在initState()之后立刻调用当依赖的InheritedWidgetrebuild,会触发此接口被调用。实测在组件可见状态变化的时候会调用build调用次数:多次初始化之后开始绘制界面。

shrinkWrap 常用于内容大小不确定情况,如果滚动视图( ListView/GridView/ScrollView 等)没有收缩包装,则滚动视图将扩展到允许的最大大小。

调用时机: 当此 State 对象的依赖项( InheritedWidget )更改时调用。描述: 用于开发阶段 hot reload 。调用时机: hot reload 时调用,调用后 build 方法也将被调用。无需在此方法中做任何操作。

在Flutter中,我们可以使用Image控件来显示图片,一般来讲我们的图片资源都来源于网络或者本地图片。Flutter中的Image也是类似。

3、Flutter中ThemeData与AppBar

1、iconTheme :设置appbar icon的颜色,appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色,这里可以在iconTheme中指定icon的颜色。

2、这里的ThemeData即为控制App的主题,primarySwatch设置即可控制主题的各类颜色,但是这里的颜色是需要MaterialColor,但是纯色种的黑色和白色不是MaterialColor。所以不能设置primarySwatch为Colors.white。

文章目录
    搜索