![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
..........................
NO Exception?
分享内容!
展开
-
flutter cupertino 风格组件
目录CupertinoActivityIndicator(加载中组件)CupertinoAlertDialog(对话框)CupertinoButtonCupertinocupertinoTabScaffoldcupertinoTabbarcupertinoTabViewcupertinoPageScaffoldcupertinoNavigationBarCupertinoActivityIndicator(加载中组件)radius 默认10 加载图形的半径值animating 默认true 是否播放加原创 2020-06-10 22:48:56 · 799 阅读 · 0 评论 -
flutter Material Design 风格组件
MaterialApp 应用组件Drawer 抽屉AlertDialog操作按钮的对话框card边框 阴影的卡片组件FloatingActionButton浮动按钮FlatButton扁平按钮scaffold脚手架组件appbarbodybottomNavigationBardrawerfloatingActionButtonsnackbarsimpleDialog简单提示,无交互AppBar应用按钮组件,应用工具栏组件,分为两类。appbar 和 SliverAp原创 2020-06-10 16:38:09 · 276 阅读 · 0 评论 -
flutter http请求的几种方式
目录1.Http2.HttpClient3.Dio4.json to Dart json数据转换成bean1.Http导入依赖dependencies: http: ^0.12.1代码书写然后在代码里加入import 'package:http/http.dart' as http; http.get("https://www.wanandroid.com/tree/json").then((value) { print("test-http ${valu原创 2020-06-02 19:47:41 · 581 阅读 · 0 评论 -
mac flutter no devices解决方法
flutter 默认找不到设备,在Androidstudio里,找到terminal输入一下命令。需要配置flutter的两个属性android sdk路径:flutter config --android-sdk ~/Documents/...sdkandroid studio文件夹路径flutter config --android-studio-dir ~/Application/Android Studio然后重启。...原创 2020-06-02 08:12:24 · 1386 阅读 · 0 评论 -
flutter 常用组件的功能清单
1.MediaQueryEstablishes a subtree in which media queries resolve to the given data.建立媒体查询解析给定的子树。MediaQuery.removePadding:移除顶部内边距,用于处理刘海屏顶部内边距。static MediaQueryData of 获取系统一些属性,返回的是MediaQueryD...原创 2020-02-09 16:24:09 · 654 阅读 · 0 评论 -
flutter 原生native和flutter通信的几种形式
1.eventChannelEventChannel是一种native向flutter发送数据的单向通信方式,flutter无法返回任何数据给native。主要用于native向flutter发送手机电量变化、网络连接变化、陀螺仪、传感器等。它的使用方式如下。Android 端:如图所示,分为上下两部分,Android端通过输入内容,传递给flutter页面,且展示出来。首先来看An...原创 2020-02-07 15:19:06 · 1537 阅读 · 0 评论 -
flutter 热重启和热加载
当我们Android和flutter结合后,我们修改完flutter的内容,不需要重启整个项目,就能看到改变的效果。这就需要热重启和热加载了。热重启:当页面结构上或者路由结构变动较大,使用热重启。热加载:当局部少量UI变动,使用热加载。1.确认设备连接上电脑2.关闭app,运行flutter_module,也可以在界面右上方点击图标3.运行app,也可以手动打开r : 热加载;...原创 2020-02-05 22:25:43 · 1707 阅读 · 0 评论 -
flutter Android原生和Flutter进行关联
flutter 可以作为单独的app存在,也可以在Android或者ios中以页面部分存在或者以局部来存在,当然就是涉及到Android原生程序和flutter程序之间的通信。大致步骤如下:1.创建Flutter_module项目因为涉及两种不同类型的项目进行关联和通信,因为需要先创建两个项目,Android项目和flutter要存放到相同文件夹下。- flutter_hybrid - ...原创 2020-02-05 21:42:35 · 560 阅读 · 0 评论 -
flutter Image图片控件-知识点
图片是大家做项目中常用最大控件之一,本篇针对项目中经常用的功能,做些总结。ImageProvider 是一个抽象类,主要定义了图片数据获取的接口load(),从不同的数据源获取图片需要实现不同的ImageProvider ,如AssetImage是实现了从Asset中加载图片的ImageProvider,而NetworkImage实现了从网络加载图片的ImageProvider。图片加载方...原创 2020-02-03 17:57:54 · 665 阅读 · 0 评论 -
flutter 获取手机的权限---SD卡权限
flutter是跨平台的移动技术,当然也摆脱不了设备的授权问题,如android 设备中清单文件里的各种权限配置,以及到Android 6.0 的动态权限配置,Flutter也有相对应的功能要处理。接下来基于Android系统读写SD的权限做一个简单的讲解。(相关IOS的权限请自行查阅)1.清单文件配置权限找到Android模块的清单文件,配置对应的sd卡权限。 <uses-permi...原创 2020-02-02 20:53:19 · 4989 阅读 · 2 评论 -
flutter 数据储存的几种方式
三种形式:文件 sharedPrefrece 数据库原创 2020-01-30 13:57:41 · 8991 阅读 · 0 评论 -
flutter 实现多布局列表
闲来无事,写个玩安卓的首页,实现多布局、banner的效果。其中涉及知识点侧滑,pageview 切换页面,页面跳转传值及回调数据(在侧滑里)。这些都是基于自己学习做的demo。当然还有很多瑕疵需要完善。先看效果: 这里主要讲解多布局,所以其他功能可以参考githubhttps://github.com/chentaishan/flutter_app多布局功能代码: @overri...原创 2020-01-30 12:37:56 · 2385 阅读 · 0 评论 -
flutter --路由管理--跳转页面且传值的方式
在 Flutter 中,页面之间的跳转是通过 Route 和 Navigator 来管理的:Route 是页面的抽象,主要负责创建对应的界面,接收参数,响应 Navigator 打开和关闭;而 Navigator 则会维护一个路由栈管理 Route,Route 打开即入栈,Route 关闭即出栈,还可以直接替换栈内的某一个 Route。而根据是否需要提前注册页面标识符,Flutter 中的路...原创 2020-01-29 14:54:10 · 474 阅读 · 0 评论 -
flutter snackbar 使用
flutter 里的snackbar不能直接显示,需要调用Scaffold.of(context).showSnackBar才能显示出来。 Scaffold.of(context).showSnackBar(SnackBar( content: Text("我是SnackBar"), ));...原创 2020-01-28 16:45:36 · 713 阅读 · 0 评论 -
Flutter -实现侧滑效果
思路:class HomeDrawer extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return Drawer( child: Column( crossAxisAlignment: Cros...原创 2020-01-28 15:54:08 · 1650 阅读 · 0 评论 -
flutter 图片资源找不到No file or variants found for asset:
先说下加载图片的流程1.pubspec.yaml里配置图片flutter: # The following line ensures that the Material Icons font is # included with your application, so that you can use the icons in # the material Icons clas...原创 2019-12-30 14:10:52 · 4217 阅读 · 0 评论 -
flutter学习笔记-容器类控件
单子 Widget 布局:Container、Padding 与 CenterContainerContainer,是一种允许在其内部添加其他控件的控件,也是 UI 框架中的一个常见概念。Container( child: Text('Container(容器)在UI框架中是一个很常见的概念,Flutter也不例外。'), padding: EdgeInsets.all(18.0),...原创 2019-12-15 14:46:52 · 443 阅读 · 0 评论 -
flutter学习笔记-2
widget 渲染过程Widget 视图的一种结构化描述,里面储存有关视图渲染的配置信息,包括布局,渲染属性,事件响应信息。轻量级Element:widget的一个实例化对象,承载视图构建的上下文数据,RenderObject:负责实现视图渲染的对象。flutter的视图开发是声明式的,核心是将视图和数据分离。statelessWidget (无状态组件)一旦创建成功就不再进行重绘。s...原创 2019-12-09 23:35:23 · 258 阅读 · 0 评论 -
flutter 学习笔记-1
Dartvar 变量未初始化的变量nullnum bool string list mapnum int double-intboolstring utf-16的字符串listvar arr = [“2”,“3”,“4”];var arr = List.of([1,2,3]);arr.forEach((v)=> print(’${v}’));mapvar map1...原创 2019-11-24 21:47:45 · 285 阅读 · 0 评论