Flutter

密码保护:Flutter动态添加TabBarView

密码保护:Flutter动态添加TabBarView

原理:动态更新TabController状态 import 'package:flutter/material.dart'; class DynamicTabBarViewPage extends StatefulWidget { @override State&lt

Joe.Ye Joe.Ye 2023-03-17
0 0 0
密码保护:Flutter中设置TabBarView高度

密码保护:Flutter中设置TabBarView高度

Flutter中TabBarView高度默认充满全屏,the TabBarView doesn't have a bounded height. 本文记录设置TabBarView高度的方法 参考:https://stackoverflow.com/questions/52023610/getting

Joe.Ye Joe.Ye 2023-03-17
0 0 0
密码保护:Flutter带未读消息的底部导航

密码保护:Flutter带未读消息的底部导航

参考:https://github.com/LiuC520/flutter_bottom_tab_bar 基本使用: class HomeState extends State<Home> with SingleTickerProviderStateMixin { TabContr

Joe.Ye Joe.Ye 2023-03-17
0 0 0
密码保护:Flutter提示弹框

密码保护:Flutter提示弹框

参考:https://github.com/inRush/TipDialog (1)使用TipDialogContainer全局注册TipDialogController /// Use [TipDialogContainer] globally /// This widget can be gl

Joe.Ye Joe.Ye 2023-03-17
0 0 0
密码保护:Flutter中使用WebView加载本地Html文件

密码保护:Flutter中使用WebView加载本地Html文件

当前的WebView插件都是使用HTML的URL方式加载网页。因此我们有时需要把数据保存为文件,再使用WebView去加载本地网页。 流程变更为:网络请求数据 -> 组装成标准的HTML(一般是静态的)-> 写入本地设备html(包括通用的css文件和html文件) -> WebV

Joe.Ye Joe.Ye 2023-03-17
0 0 0
密码保护:Flutter中显示Html内容

密码保护:Flutter中显示Html内容

flutter_html_view Github:https://github.com/PonnamKarthik/FlutterHtmlView DartPub:https://pub.dartlang.org/packages/flutter_html_view import 'pa

Joe.Ye Joe.Ye 2023-03-17
0 0 0
密码保护:Flutter中使用WebView

密码保护:Flutter中使用WebView

需要安装一个插件:flutter_webview_plugin dependencies: flutter_webview_plugin: ^0.2.1+2 使用方法: import 'package:flutter_webview_plugin/flutter_webview_pl

Joe.Ye Joe.Ye 2023-03-17
0 0 0
密码保护:Flutter中的剪裁

密码保护:Flutter中的剪裁

圆形剪裁(ClipOval) 可以用来剪裁圆形头像 ClipOval( child: new SizedBox( width: 150.0, height: 150.0, child: new Image.network("http://www.yezhou.

Joe.Ye Joe.Ye 2023-03-17
0 0 0
密码保护:Flutter在State类里获取Page类中的变量

密码保护:Flutter在State类里获取Page类中的变量

Flutter在State状态类里获取Page页面类中定义的变量,通过widget的get方法实现 状态类直接继承State类 import 'package:flutter/material.dart'; class AppBlogPage extends Stateful

Joe.Ye Joe.Ye 2023-03-17
0 0 0
密码保护:Flutter Decoration背景设定(边框、圆角、阴影、形状、渐变、背景图像等)

密码保护:Flutter Decoration背景设定(边框、圆角、阴影、形状、渐变、背景图像等)

Decoration装饰 一个背景装饰对象,相当于Android中的shape.xml,定制各种各样的背景(边框、圆角、阴影、形状、渐变、背景图像)。 BoxDecoration:实现边框、圆角、阴影、形状、渐变、背景图像 ShapeDecoration:实现四个边分别指定颜色和宽度、底部线、矩形

Joe.Ye Joe.Ye 2023-03-16
0 0 0
密码保护:Flutter列表侧滑菜单组件实现

密码保护:Flutter列表侧滑菜单组件实现

参考:https://stackoverflow.com/questions/46651974/swipe-list-item-for-more-options-flutter flutter_slidable Github:https://github.com/letsar/flutter_sli

Joe.Ye Joe.Ye 2023-03-16
0 0 0
密码保护:Flutter原生侧滑删除组件Dismissible

密码保护:Flutter原生侧滑删除组件Dismissible

Dismissible:https://docs.flutter.io/flutter/widgets/Dismissible-class.html 基本步骤: (1)创建一个State全局的List变量 (2)用Dismissible包装每一个item (3)设置Dismissible的backg

Joe.Ye Joe.Ye 2023-03-16
0 0 0
密码保护:Flutter点击事件实现

密码保护:Flutter点击事件实现

GestureDetector (1)创建自定义button类 (2)在其中使用GestureDetector并复写onTap回调 参考:https://flutter.io/cookbook/gestures/handling-taps/ import 'package:flutter

Joe.Ye Joe.Ye 2023-03-16
0 0 0
密码保护:Flutter SnackBar显示没有Scaffold

密码保护:Flutter SnackBar显示没有Scaffold

Scaffold.of() called with a context that does not contain a Scaffold. 原因:context层级使用错误,一般是直接使用页面级的context导致错误 page -> Scaffold -> Button => 使

Joe.Ye Joe.Ye 2023-03-16
0 0 0
密码保护:Flutter中DefaultTabController或TabBar获取当前Tab页

密码保护:Flutter中DefaultTabController或TabBar获取当前Tab页

使用自定义的TabController 参考:https://stackoverflow.com/questions/50123354/how-to-get-current-tab-index-in-flutter class MyTabPage extends StatefulWidget {

Joe.Ye Joe.Ye 2023-03-16
0 0 0
1 2 3 4 6