在移动端，css中的1px并等于移动设备的1px，因为手机屏幕有不同的像素密度。window中的devicePixelRatio就是反应css中像素与真实像素的比例，也就是设备物理像素和设备独立像素的比例，也就是 devicePixelRatio = 物理像素 / 独立像素。所以造成了通过css设置1px，在移动端屏幕上会变粗。
音乐波形图动画效果是Loading动画系列中的一个，github地址：https://github.com/LaoMengFlutter/flutter-do
TextField 组件几乎是开发中必然会用到的一个组件，在使用的过程中会遇到两个非常棘手的问题：
和尚刚学习了 TextField 的基本用法，今天特意学习一下 TextField InputDecoration 文本框装饰器的相关内容；
Draggable组件有2个必须填写的参数，child参数是子控件，feedback参数是拖动时跟随移动的组件，用法如下：
在flutter中如何给widget添加圆角呢？ 直接在widget的外层包裹一个DecoratedBox 就可以了 DecoratedBox( decoration: BoxDecoration( color: Colors.blue, borderRadius: const BorderRadius.all(Radius.circular(16)), // alternatively, do this: // borderRadius: BorderRadius.c
什么是动画呢？动画实际上就是不同的图片连续起来形成的。flutter为我们提供了一个AnimationController来对动画进行详尽的控制，不过直接是用AnimationController是比较复杂的，如果只是对一个widget的属性进行修改，可以做成动画吗？
本文实例为大家分享了flutter Container容器实现圆角边框的具体代码，供大家参考，具体内容如下
在本教程中，我将向您展示如何使用 Flutter 和 android studio
在我们输入文本之后下面的输入字数会变，可能马上你会想到使用setState不就完了嘛！....可是Dialog 并没有setState方法
在flutter 开发中用InkWell或者GestureDetector将某个组件包起来，已添加点击事件。
1 CupertinoButton ios风格的按钮 2 构造函数 CupertinoButton({ Key key, @required this.child, this.padding, this.color, this.disabledColor = CupertinoColors.quaternarySystemFill, this.minSize = kMinInteractiveDimensionCupertino, this.press
1 RaisedButton RaisedButton组件主要用于文本布局。 2 构造函数 RaisedButton({ Key key, @required VoidCallback onPressed, ValueChanged<bool> onHighlightChanged, ButtonTextTheme textTheme, Color textColor, Color disabledTextColor, Color color,
flutter3-wchat一款基于flutter3+dart3+material-ui技术构建的跨多端仿微信聊天项目。
A convenience widget for drawing images and other decorations on [Material] widgets, so that [InkWell] and [InkResponse] splashes will render over them.
项目地址：https://github.com/biaochenxuying/progress
本教程中，我将向您展示如何在 Flutter 中进行简单的 仪表盘 UI 设计。 对于本教程，我们需要添加一些图像资产，因此创建一个新文件夹并将其命名为assets并将资产路径添加到pubspec.yaml文件中。 现在我们将编码我们的布局 import 'package:flutter/material.dart'; void main() => runApp( MaterialApp( home:Dashboard() ) ); class Dashboard extends Sta
和尚在学习过程中发现仅通过设置 decoration 是无法改变 Container 内部 Widget 样式的，一般我们会通过 ClipX 方式进行裁剪；而一旦涉及到 Widget 的裁剪，对于基础样式，通常会采用 ClipOval / ClipRRect / ClipPath 等方式，对于稍加复杂的样式，一般通过自定义 CustomClipper 也可以满足；
走马灯是一种常见的效果，本文讲一下如何用 PageView 在 Flutter 里实现一个走马灯, 效果如下，当前页面的高度比其它页面高，切换页面的时候有一个高度变化的动画。实现这样的效果主要用到的是 PageView.builder 部件。
我们将整个页面分成几个部分，以便于制定，我建议您这样做以获得更好的编程，让我们更详细地查看这些部分， NavigationBar()、 DashBoard()、 CalendarSpace()， 首先我们可以做导航栏部分
和尚前两天刚学习了 ButtonBar 按钮容器，今天顺便学习一下 ToggleButtons 按钮切换容器组，其切换效果可以应用在日常 TabBar 切换位置；
针对日常不同的需求，我们时常需要自定义 Dialog，而和尚在尝试过程中遇到一些小问题，简单记录总结一下；
BorderDirectional和Border基本一样，区别就是BorderDirectional带有阅读方向，大部分国家阅读是从左到右，但有的国家是从右到左的，比如阿拉伯等。
本文，我将解析怎么前构建一个用户交互的登录页面。这里，我使用 TextField 挂件，这方便用户输入用户名和密码。还使用 FlatButton 挂件，来处理一些动作。当然，我还使用了 Image 挂件来设定登录页面的 logo。
在学习过程中发现，*Material组件中添加borderRadiu然后使用Stack添加图片，当图片的填充方式为BoxFit.cover时，图片会把圆角覆盖掉，也就是会溢出。
ShapeBorder 用于设置形状和轮廓，比如圆形，矩形，圆角矩形等。常用于 Container 中。
中国香港回归是指中华人民共和国政府决定在1997年7月1日对中国香港恢复行使主权，大不列颠及北爱尔兰联合王国政府于1997年7月1日将中国香港交还给中华人民共和国的历史事件。
在Flutter中，Container可以使用BoxDecoration来添加Shadow，如果是单独的Widget，可以通过DecoratedBox来添加阴影。
欢迎来到“实现自定义密码输入控件”这一章节，PasswordInputView定义了密码输入的监听，支持直接在布局文件定义属性值、支持直接获取密码输入的长度、原始密码……
解决思路：给顶部选项卡设置id并给其绑定相关标记点的信息，通过识别选项卡id实现切换不同标记点。
在本篇教程中，我们将了解Xamarin.Forms中几个常用的Layout类型并介绍使用这几种布局类似进行跨平台移动开发时的示例。
使用的DecorationImage，相当于把图片当做一个背景，这里需要注意的就是Container的child的尺寸问题，就算不放内容，也需要设置一个带尺寸的child Widget。
和尚继续尝试 Flutter 的基本按钮；今天和尚学习 MaterialButton 系列相关 Button；该系列以 MaterialButton 为父类，衍生出 RaisedButton 凸起按钮，FlatButton 扁平按钮和 OutlineButton 边框按钮；可根据不同场景灵活运用；
上篇: 又不是不能用-篇 本文源码Github 0.1:对我而言，一个产品有四层境界 1.造都造不出来 2.它又不是不能用 <---- 3.用的时候大家都不说话 4.如丝般顺滑，易拓展,易修改
上篇: 又不是不能用-篇 本文源码Github 0.1:对我而言，一个产品有四层境界 1.造都造不出来 2.它又不是不能用 <---- 3.用的时候大家都不说话 4.如丝般顺滑，易拓展,易修改，易复用 ---- 0.2：要说的话 注意:本篇是对状态最基本的使用。虽然比较糙，但是并不代表不重要 后面两篇是基于此篇的优化，所以这篇一定要看懂,才能跟上我的思维。 效果如下，单从界面上来看，我还是比较满意的。 ---- 0.3: 简介一下 本项目主要包括以下几点: 1. 输入一个待办事
0.1:对我而言，一个产品有四层境界 1.造都造不出来 2.它又不是不能用 <---- 3.用的时候大家都不说话 4.如丝般顺滑，易拓展,易修改，易复用 0.2：要说的话 注意:本篇是对状态
1、本地图片 Image.asset加载项目资源包的图片 //先将图片拷贝到项目 images 目录中，然后在 pubspec.yaml文件配置文件相对路径到 assets Image.asset( 'images/cat.jpg', width: 200, height: 200, ) Image.file加载手机内置或外置存储的图片 //加载Android平台的外置存储图片需要AndroidManifest.xml配置android.permission.READ_EXTERNAL_S
文章目录 一、Opacity 组件 二、ClipRRect 组件 三、Padding 组件 四、完整代码示例 五、相关资源 一、Opacity 组件 ---- Opacity 组件 : 用于修改组件透明度 ; class Opacity extends SingleChildRenderObjectWidget { const Opacity({ Key key, @required this.opacity, this.alwaysIncludeSemantics = fals
在前面的文章中我们看了下Tooltip的用法，在文章的最后也给大家留了一个问题，自定义自己的Tooltip。
登录页面有输入密码，常规隐藏显示。但是点击后面小眼睛的时候，TextField会被选中，弹出键盘。
Container将会是我们以后最常用的控件之一，Container是单容器类控件，即只包含一个子控件。Container可以装饰和定位子控件，例如设置背景颜色、形状等。
如果您的 Flutter 应用程序需要显示大量或无限数量项目的网格视图（例如，从 API 获取的产品列表），那么您应该使用GridView.builder()而不是GridView()。该生成器（）只为那些确实可见，所以您的应用程序的性能将得到改善
代码示例 : PhysicalModel 组件裁剪 PageView 组件 , 将 PageView 组件裁剪成圆角矩形样式 ;
颜色按钮面板主要用在提供一个颜色按钮面板，用户单击某个按钮，然后拿到对应的颜色值，用户可以预先设定常用的颜色集合，传入到控件中，自动生成面板颜色集合按钮，每当滑过按钮的时候，按钮边缘高亮提示当前所在颜色的按钮，当选中某个按钮时，右侧颜色条显示当前选中的颜色，此控件功能极其简单，直接采用动态生成按钮的方式，设置按钮的样式表来设置对应的颜色和高亮边框等，单击按钮发出颜色改变信号即可，对外提供该信号就行，非常适合初学者学习。
老孟导读：一个月前分享的《超过百万的StackOverflow Flutter 问题-第一期》受到很多朋友的喜欢，非常感谢大家的支持，在文章末尾有第一期的链接，希望此文能对你有所帮助。
通过Container的 borderRadius 和 image 的结合来设置图片的圆角：
我们拿起手机，然后把钱寄给我们的朋友，以获得一些现金返还。现金返还是一种提高使用户粘度的有效举动。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
