首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Flutter中如何设置全局字体

    引入字体 首先在项目中创建fonts目录,然后将将ttf文件放到该目录下,然后在pubspec文件中添加该字体文件,如: ... flutter: fonts: - family: PingFang...PingFang-Regular.ttf assets: - assets/exit_icon.png 这里family是我们自定义的,对应该字体,这里每个字体可以对应多个ttf文件,比如区分加粗: flutter...但是运行发现字体根本没变化,通过flutter build web编译后发现在build目录下生成的文件中没有这个字体文件。...但是在flutter web中(其他平台未测),通过上面设置全局字体后,发现TextSpan中的字体并未生效,还是系统字体。...所以不论是全局样式还是为Text单独设置的样式,只要不冲突就都会生效。 但是在TextSpan的源码中,发现并没有这一步操作,所以设置的全局字体对它不起作用。

    3.8K20

    Flutter lesson 9: Flutter的网络(HTTP)请求

    Flutter中网络请求有两种,一个是使用Flutter自带的网络请求,另一种则是使用第三方HTTP请求插件dio Flutter中自带的HTTP请求 如果要使用Flutter自带的HTTP请求,需要引入下面两个库...Flutter 官网建议我们使用 async/await 来进行处理异步(借鉴了前端中的ES7的异步处理)。 使用Flutter自带的HTTP请求一般包含以下几个步骤: 创建 client。...在Flutter中,请求需要使用 Uri 而不是 Url。关于 URL 与 URI 的区别,可以HTTP 协议中 URI 和 URL 有什么区别?。...看看下面的代码,代码来源于Flutter中文网 get() async { var httpClient = new HttpClient(); var uri = new Uri.http(...使用 dio 使用 dio 需要修安装 dio 插件,当前我使用的是最新的版本 2.1.11 dependencies: flutter: sdk: flutter flutter_webview_plugin

    3.1K20

    Flutter EasyLoading - 让全局ToastLoading更简单

    ✨flutter_easyloading: 一个简单易用的Flutter插件,包含23种loading动画效果、进度条展示、Toast展示。纯Flutter端实现,支持iOS、Android。...successWidget; /// 展示失败状态的自定义组件 Widget errorWidget; /// 展示信息状态的自定义组件 Widget infoWidget; 因为 EasyLoading 是一个全局单例...Flutter EasyLoading 的实现 本文将通过以下两个知识点来介绍Flutter EasyLoading的主要实现过程及思路: Overlay、OverlayEntry实现全局弹窗 CustomPaint...与Canvas实现圆形进度条绘制 Overlay、OverlayEntry 实现全局弹窗 先看看官方关于Overlay的描述: /// A [Stack] of entries that can be...中移除自己 _overlayEntry.remove(); Overlay、OverlayEntry的使用及理解还是很简单,我们也可以再更多的使用场景使用他们,比如说,类似PopupWindow的弹窗效果、全局自定义

    5.6K11

    Flutter TolyUI 框架#03 | 全局消息通知

    《Flutter TolyUI 框架》系列前言: TolyUI 是 张风捷特烈 打造的 Fluter 全平台应用开发 UI 框架。具备 全平台、组件化、源码开放、响应式 四大特点。...一、全局消息通知设计 全局消息通知是 UI 框架中非常重要且基本的功能,Flutter 本身并没有完善的全局信息通知功能。...为此 TolyUI 中提供了 Message(消息) 和 Notification(通知) 两个功能,让用户可以非常方便地实现全局的信息提示、 bilibili 视频版介绍 1.全局消息设计动机...我所描绘的是一张 Flutter 全平台 UI 框架的蓝图,它为 Flutter 全平台开发指明方向。...全局消息定位与富文本 如下所示,全局消息提示有上下两种定位方式,多次触发时会进行动画偏移展示。

    44710

    利用Mybatis拦截器,全局处理入库字段

    利用Mybatis拦截器,全局处理入库字段 场景 需要对某张表的个别字段删除全部空格、替换半角括号,但是项目里入口比较多,不止有前端录入,还有接口接收的数据。...实现 EnableCustomInterceptor 标识实体类入库时会使用自定义拦截器(mybatis) @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME...标识字段,入库时会去除首尾空格 生效条件 实体类需要使用注解{@link EnableCustomInterceptor}; Mapper方法的参数必须包含实体类对象(可嵌套到集合中) 通过mybatis拦截器实现...入库时会替换半角括号为全角 生效条件 实体类需要使用注解{@link EnableCustomInterceptor}; Mapper方法的参数必须包含实体类对象(可嵌套到集合中) 通过mybatis拦截器实现...RetentionPolicy.RUNTIME) @Documented public @interface ReplaceHalfWidthChars { } AbstractFieldInterceptor 字段拦截器基类

    80230

    实现Flutter应用中的全局导航栏效果

    在Flutter应用开发中,实现全局导航栏效果意味着无论用户在应用的哪个页面,导航栏的内容和状态都保持一致。...本篇博客将探讨在Flutter应用中实现全局导航栏效果的方法,包括使用状态管理器、InheritedWidget、混入等技术。...如何使用状态管理器实现全局导航栏效果 要实现全局导航栏效果,可以使用任何一种状态管理器来管理导航栏的状态,并在需要时更新导航栏的内容和状态。...解决方案: 我们可以使用Riverpod状态管理器来管理导航栏的状态,并结合Flutter的组件化特性和自定义Widget来实现全局导航栏效果。...通过这种方式,我们实现了全局导航栏效果,并确保了导航栏在不同页面之间的同步更新。 总结 在本文中,我们探讨了在Flutter应用中实现全局导航栏效果的不同方法,并提供了相关的案例研究。

    1.4K11

    AngularJs HTTP响应拦截器实现登陆、权限校验

    $httpAngularJS 的 $http 服务允许我们通过发送 HTTP 请求方式与后台进行通信。在某些情况下,我们希望可以俘获所有的请求,并且在将其发送到服务端之前进行操作。...一个很好例子就是处理全局 http 异常。拦截器(Interceptors)应运而生。本文将介绍 AngularJS 的拦截器,并且给几个有用的例子。 什么是拦截器?...如果返回无效的配置对象或者 promise 则会被拒绝,导致 $http 调用失败。...如果返回无效的响应对象或者 promise 会被拒绝,导致 $http 调用失败。 通过实现 requestError 方法拦截请求异常: 有时候一个请求发送失败或者被拦截器拒绝了。...代码中的 $rootScope.user是登录后把用户信息放到了全局rootScope上,方便其他地方使用,$rootScope.defaultPage也是默认主页面,初始化的时候写死到rootScope

    2.6K90
    领券