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 · 1125 阅读 · 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 · 1401 阅读 · 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 · 1477 阅读 · 1 评论 -
Flutter跨平台移动端开发丨TextField 添加背景色
TextField - decoration打开 TextField 部件源码可见支持修改属性 decoration ,说明其支持样式会很丰富。本例演示怎样添加背景色const TextField({ // ··· 省略 // 此对象可实现修改样式 this.decoration = const InputDecoration(), /...原创 2019-11-16 17:11:12 · 2025 阅读 · 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 · 336 阅读 · 0 评论 -
Flutter跨平台移动端开发丨封装底部导航栏部件 Tab
Flutter 底部栏实现思路使用flutter实现底部导航栏还是比较简单的,主要用到的组件是 Scaffold + BottomNavigationBar + BottomNavigationBarItemScaffold 可添加底部栏,BottomNavigationBar 可控制底部栏具体样式,BottomNavigationBarItem 可控制底部栏每个 item 的具体展现内容...原创 2019-07-01 22:36:18 · 288 阅读 · 0 评论 -
Flutter跨平台移动端开发丨封装本地存储工具类 SharedPreferences
首先在 pubspec.yaml 文件中添加 shared_preferences 引用并 Packages getdependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoI...原创 2019-05-24 22:17:51 · 1133 阅读 · 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 · 209 阅读 · 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 · 297 阅读 · 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 · 376 阅读 · 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 · 1329 阅读 · 0 评论 -
Flutter跨平台移动端开发丨WillPopScope、InheritedWidget、Theme
目录WillPopScope(返回事件拦截器)InheritedWidget(数据传递与共享)Theme (主题控制)WillPopScope(返回事件拦截器)可防止误触情况的发生,也可监听返回按钮点击事件 const WillPopScope({ Key key, @required this.child, @required this...原创 2019-05-24 22:13:45 · 179 阅读 · 0 评论 -
Flutter跨平台移动端开发丨Animation、AnimationController、Curve
目录动画相关主要对象缩放动画非线性缩放动画淡入淡出非线性淡入淡出平移动画非线性平移动画动画相关主要对象Animation:可分为线性动画、非线性动画、步进函数动画或其它动画。通过 addListener 方法可以添加监听器,每当动画帧发生改变时均会调用,一般会配合 setState 方法用作UI重建。通过 addStatusListener 方法可添加状...原创 2019-05-24 22:14:23 · 206 阅读 · 0 评论