dart

flutter入坑,Hello那个World

在看到flutter支持了web开发才决定入坑Flutter,既然是学习Flutter那肯定是少不了经典的HelloWorld,当然使用web环境调试起来也更加的方便,前面的文章已经说了怎么安装web开发环境,这里就不再赘述。 import 'package:flutter/material.dart'; void main() { runApp( new Center( child: new Text( 'Hello, world!', textDirection: TextDirection.ltr, ), ), ); } 因为Flutter的开发语言是谷歌自己的Dart开发语言...

Flutter开发基础:程序结构入门

Flutter是google推出的跨平台的移动UI框架,使用Dart语言开发,可以设计开发出各种漂亮的移动应用App。 https://flutterawesome.com/ 展示了一些精彩的应用案例,可以学习参考。 在执行 flutter create 命令后,先来看下自动为我们创建的工程目录结构: 在最顶部,您可以看到.idea文件夹,其中包含Android Studio的配置。 android 文件夹包含完整的Android 本机应用程序项目 ,在构建适用于Android的Flutter应用程序时使用。 在这种情况下,将先编译Flutter代码,然后将其注入此Android项目中...

Flutter Weekly Issue 53

插件 left-scroll-actions A useful left scroll actions widget like WeChat.一款仿微信效果的 Flutter 左滑菜单插件。现在支持iOS的展开与弹性效果。 flutter-screen-scaler A package to resize your widgets according to the screen size with the use of percentages. string-scanner A class for parsing strings using a sequence of patterns....

Flutter 分页功能表格控件

老孟导读:前2天有读者问到是否有带分页功能的表格控件,今天分页功能的表格控件详细解析来来。 PaginatedDataTable PaginatedDataTable是一个带分页功能的DataTable,生成一批数据,项目中此一般通过服务器获取,定义model类: class User { User(this.name, this.age, this.sex); final String name; final int age; final String sex; } 生成数据: List<User> _data = []; @override void initState() { List...

深入理解Flutter动画原理

一、概述[]( http://gityuan.com/2019/07/13/flutter_animator/# 一概述) 动画效果对于系统的用户体验非常重要,好的动画能让用户感觉界面更加顺畅,提升用户体验。 1.1 动画类型[]( http://gityuan.com/2019/07/13/flutter_animator/#11- 动画类型) Flutter动画大的分类来说主要分为两大类: 补间动画:给定初值与终值,系统自动补齐中间帧的动画 物理动画:遵循物理学定律的动画,实现了弹簧、阻尼、重力三种物理效果 在应用使用过程中常见动画模式: 动画列表或者网格:例如元素的添加或者删除操作;...

Flutter 步骤进度组件

【推荐阅读】微服务还能火多久?>>> ​老孟导读:最近文章更新拖后腿了,一直忙着网站改版的事情,今天总算落地了,全新的Flutter网站即将上线,敬请期待。网站目前收集197个组件的详细用法,还有150多个组件待整理。 Stepper Stepper控件是一个展示一系列步骤进度的控件,用法如下: Stepper( steps: <Step>[ Step( title: Text('2020-4-23'), content: Text('今天是2020-4-23') ), Step( title: Text('2020-4-24'), content: Text('今天是2020-4-24')...

flutter i18n+redux实现国际化

【推荐阅读】微服务还能火多久?>>> Flutter官方提供的实现 国际化 有些繁琐,需要自己实现WidgetsLocalizations,并且国际化的strings都是在代码中写的,而i18n插件可以自动生成这些代码,并且国际化的strings也是使用文件以json形式配置。加以使用redux实现语言切换及持久化。 Android Studio安装i18n插件 安装后在菜单栏中会有如下图标,点击用于生成i18n代码 项目中设置国际化 要使用flutter_localizations,将软件包作为依赖项添加到 pubspec.yaml 文件中: dependencies: flutter:...

Flutter Weekly Issue 52

【推荐阅读】微服务还能火多久?>>> 📖教程 一个易迁移、兼容性高的 Flutter 富文本方案 复杂业务如何保证Flutter的高性能高流畅度? 👖插件 flutter_color_models A wrapper for the Dart color_models plugin with added support for Flutter's Color class. FlutterToast A Flutter Toast plugin. flutter_rs Build beautiful desktop apps with flutter and rust. 🌠 credit...

Flutter Weekly Issue 52

【推荐阅读】微服务还能火多久?>>> 📖教程 一个易迁移、兼容性高的 Flutter 富文本方案 复杂业务如何保证Flutter的高性能高流畅度? 👖插件 flutter_color_models A wrapper for the Dart color_models plugin with added support for Flutter's Color class. FlutterToast A Flutter Toast plugin. flutter_rs Build beautiful desktop apps with flutter and rust. 🌠 credit...

Flutter Weekly Issue 52

【推荐阅读】微服务还能火多久?>>> 📖教程 一个易迁移、兼容性高的 Flutter 富文本方案 复杂业务如何保证Flutter的高性能高流畅度? 👖插件 flutter_color_models A wrapper for the Dart color_models plugin with added support for Flutter's Color class. FlutterToast A Flutter Toast plugin. flutter_rs Build beautiful desktop apps with flutter and rust. 🌠 credit...