MobMsg
【移动端】Android丨Kotlin丨Flutter丨Cordova 【前端】Vue丨Js丨Css丨Html 【后端】Java丨Kotlin丨Node 【各厂小程序】微信丨百度丨other...
展开
-
Flutter跨平台移动端开发丨持续更新的常用效果集锦
获取 TextField 输入值 // 设置 Controller TextEditingController textEditingController_Name = new TextEditingController(); TextField( controller: textEditingController_Name, // 绑定 Controller ...原创 2019-12-09 20:08:26 · 1126 阅读 · 0 评论 -
Flutter跨平台移动端开发丨Android Studio 四步即可打包出 apk
生成 .jks 文件 Studio Terminal 内输入 keytool 命令 keytool -genkey -v -keystore E:/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key 填写密码及其它详细信息,确认时输入字母 y 输入密钥库口令:(设置密码) 再次输入新口令:(重复密码) 您的名字与姓氏是什么? ...原创 2019-12-02 18:11:48 · 1403 阅读 · 3 评论 -
Flutter跨平台移动端开发丨Container + FlatButton 实现背景色渐变的圆角Button
Container 是各种我们已知的 widget 的组合,使用它可以实现装饰、变换、限制等各种效果 Container({ Key key, this.alignment, this.padding, Color color, Decoration decoration, this.foregroundDecoration, dou...原创 2019-11-16 17:11:28 · 1481 阅读 · 1 评论 -
Flutter跨平台移动端开发丨TextField 添加背景色
TextField - decoration 打开 TextField 部件源码可见支持修改属性 decoration ,说明其支持样式会很丰富。本例演示怎样添加背景色 const TextField({ // ··· 省略 // 此对象可实现修改样式 this.decoration = const InputDecoration(), /...原创 2019-11-16 17:11:12 · 2027 阅读 · 1 评论 -
Flutter跨平台移动端开发丨封装网络请求框架 dio
dio 框架介绍 A powerful Http client for Dart, which supports Interceptors, Global configuration, FormData, Request Cancellation, File downloading, Timeout etc 基于 Dart 语言编写的强大的网络请求框架,支持拦截器,全局配置,For...原创 2019-05-24 22:18:29 · 337 阅读 · 0 评论 -
Flutter跨平台移动端开发丨封装底部导航栏部件 Tab
Flutter 底部栏实现思路 使用flutter实现底部导航栏还是比较简单的,主要用到的组件是 Scaffold + BottomNavigationBar + BottomNavigationBarItem Scaffold 可添加底部栏,BottomNavigationBar 可控制底部栏具体样式,BottomNavigationBarItem 可控制底部栏每个 item 的具体展现内容...原创 2019-07-01 22:36:18 · 289 阅读 · 0 评论 -
Flutter跨平台移动端开发丨封装本地存储工具类 SharedPreferences
首先在 pubspec.yaml 文件中添加 shared_preferences 引用并 Packages get dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoI...原创 2019-05-24 22:17:51 · 1134 阅读 · 1 评论 -
Flutter跨平台移动端开发丨Text、Button、Image、Switch、Checkbox、TextField
目录 Text Widget(文本) Button Widget(按钮) Image Widget(图片) Switch and Checkbox(开关按钮及复选框) TextField Widget(输入框) Text Widget(文本) 文字类信息展示都是使用 Text Widget 来承载 const Text(this.data, { Key key, ...原创 2019-05-24 22:07:32 · 210 阅读 · 0 评论 -
Flutter跨平台移动端开发丨Padding、ConstrainedBox、SizeBox、DecoratedBox、Transform、Container、Scaffold、TabBar...
目录 Padding(间距) ConstrainedBox(约束盒) SizeBox(固定盒) UnconstrainedBox(无约束盒) DecoratedBox(装饰盒) Container(组合容器) Scaffold Widget and TabBar Widget(脚手架及切换组件) Padding(间距) 使用 padding 标签可以给子 widget 添加间...原创 2019-05-24 22:08:45 · 299 阅读 · 0 评论 -
Flutter跨平台移动端开发丨Column、Row、Flex、Wrap、Flow、Stack
目录 Column Widget(垂直布局) Row Widget(水平布局) Flex Widget and Expanded(弹性布局及扩展) Wrap Widget(流式布局) Flow Widget(自定义流式布局) Stack Widget and Positioned(层叠布局及定位) Column Widget(垂直布局) 子 widget 按照垂直方向排列,继...原创 2019-05-24 22:10:19 · 381 阅读 · 0 评论 -
Flutter跨平台移动端开发丨SingleChildScrollView、ListView、GridView、CustomScrollView、ScrollController...
目录 SingleChildScrollView(可滑动 View) ListView(列表 View) GridView(网格 View) CustomScrollView(自定义滑动 View) ScrollController(控制器) SingleChildScrollView(可滑动 View) SingleChildScrollView 类似 Android 中的...原创 2019-05-24 22:11:49 · 1347 阅读 · 0 评论 -
Flutter跨平台移动端开发丨WillPopScope、InheritedWidget、Theme
目录 WillPopScope(返回事件拦截器) InheritedWidget(数据传递与共享) Theme (主题控制) WillPopScope(返回事件拦截器) 可防止误触情况的发生,也可监听返回按钮点击事件 const WillPopScope({ Key key, @required this.child, @required this...原创 2019-05-24 22:13:45 · 181 阅读 · 0 评论 -
Flutter跨平台移动端开发丨Animation、AnimationController、Curve
目录 动画相关主要对象 缩放动画 非线性缩放动画 淡入淡出 非线性淡入淡出 平移动画 非线性平移动画 动画相关主要对象 Animation:可分为线性动画、非线性动画、步进函数动画或其它动画。通过 addListener 方法可以添加监听器,每当动画帧发生改变时均会调用,一般会配合 setState 方法用作UI重建。通过 addStatusListener 方法可添加状...原创 2019-05-24 22:14:23 · 207 阅读 · 0 评论