易帜¤的博客

这里我们进行一个小知识点 的补充，在Dart中我们如果需要将map转为json我们可以使用json.encode()这个方法。同样将json串转为map，我们可以使用json.decode(source)示例如下 Map userInfo={ 'name':'小明', 'age':22 }; var a= json.encode(userInfo)...

class DialogPage extends StatefulWidget { @override State<StatefulWidget> createState() { return _DialogPageState(); }}class _DialogPageState extends State<DialogPage> { _a...

日期Flutter中获取当前日期可以使用DateTime.now()进行获取。now.millisecondsSinceEpoch可以获取到时间戳class DatePickerPage extends StatefulWidget{ @override State<StatefulWidget> createState() { return _DatePicker...

TextField常见属性：属性描述maxLines将文本框改为多行文本框，默认是单行onChanged文本框改变的时候触发的时间decorationhintText类似于EditText中hint属性。border 边框线，配合OutlineInputBorder使用、labelText:label的名称、labelStyle，配置label使用ob...

Android Flutter：图文详解 组件Widget的生命周期类型在Flutter中Widget分为两种，一种是有状态的Widget(StatefulWidget),一种是无状态的Widget(StatelessWidget)。关于有状态与无状态的详解请看10.Flutter学习之StatefulWidget有状态组件Widget生命周期从StatefulWidget.create...

Flutter中有很多Button组件，例如RaisedButton、FlatButton、IconButtton、OutlineButton、ButtonBar、FloatingActionButton等。RaisedButton：凸起的按钮，其实就是Material Design风格的Button.FlatButton:扁平化的按钮OutlineButton:线框按钮ButtonBar...

Drawer参数描述child子组件elevationsemanticLabelDrawerHeader参数描述decoration设置顶部背景颜色child配置子元素padding内边距margin外边距其使用为class Tabs extends StatefulWidget{ final...

AppBar属性描述leading在标题前面显示一个控件，在首页通常显示引用logo，在其他界面则是返回键title标题，通常显示当前页面的标题文字，可以放组件actions通常使用IconButton来表示，可以放按钮组bottom通常会放TabBar，在标题下面显示一个Tab导航栏backgroundColor导航背景颜色iconT...

路由替换将我们现在页面替换成我们想要界面Navigator.of(context).pushReplacementNamed('/registersecond');//其中的参数就是命名路由中的key，也就是我们想要呈现的界面返回根路由即将我们的栈内的路由全部替换。 Navigator.of(context).pushAndRemoveUntil( ...

Flutter中的路由Flutter中的路由通俗来讲就是页面跳转，在Flutter中通过Navigator组件管理路由导航。并且提供了管理堆栈的方法，如：Navigator.push和Navigator.popFlutter提供了两种配置路由跳转的方式：1、基本路由 2、命名路由Flutter中的基本路由的使用...

BottomNavigationBarBottomNavigationBar是底部导航栏，可以让我们定义底部tab切换，bottomNavigationBar是之前讲到的Scaffold组件的参数常见属性：属性名说明itemsList<BottomNavigationBar>底部导航栏集合iconSizeicon大小currentIndex默...

StatelessWidgetStatelessWidget：无状态的widget，适用于我们描述用户界面不依赖对象中的配置信息时。例如：使用ImaegView/UIImageView来显示Logo，Logo在运行时不会改变，所以可以使用StatelessWidgetStaefluWidget如果遇到HTTP网络请求或者用户交互接受数据后动态更改UI，则必须使用StatefluWidget并...

Wrap组件可以实现流布局，单行的Wrap跟Row表现几乎一样，单列的Wrap变现与Column一致，但是Row与Column都是单行单列的，Wrap不一样，mainAxis(主轴)上控件不足时，则向crossAxis(次轴)去扩展显示。属性说明direction主轴的方向，默认水平alignment主轴的对齐方式spacing主轴方向上的间距text...

AspectRatioAspectRatio的作用是根据设置调整子元素child的宽高比AspectRatio首先会在布局限制条件允许的范围内尽可能的扩展，widget的高度是由宽度和比率确定的，按照固定比例去尽量占满区域。...

笔录Flutter（五）布局系列：Stack层叠组件、Stack与Align Stack 与Positioned实现 RelativeLayout相比学习过Android的同学们应该都清楚什么是RelativeLayout。这里就不进行解释了。直接看内容吧。Stack(层叠组件)属性说明alignment配置所有子元素的显示位置children子组件Sta...

参考博客：笔录Flutter（五）布局系列：Row、Column、Flex、Expanded 常用属性、使用https://blog.youkuaiyun.com/huyongl1989/article/details/83745871https://blog.youkuaiyun.com/gzx110304/article/details/101627286Padding组件因为Flutter中有很多Widg...

学习自：Dart Flutter教程_Dart Flutter入门实战视频教程-2019年新出.GridView网格布局方法参数介绍。名称类型说明scrollDirectionAxis滚动方法paddingEdgeInsetsGeometry内边距reversebool组件反向排序crossAxisSpacingdouble垂直子Wid...

ListView参数认知列举一下ListView常用的参数：参数名参数说明scrollDirectionAxis.vertical竖向滑动，Axis.horizontal 横向滑动padding表示内边距reverse组件反向排序childrenl列表元素ListView的基本使用。void main() => runApp(MyAp...

这里展示一下Image组件repeat平铺的效果未使用平铺效果：代码如下void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title:...

void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( ...

学习自：Dart Flutter教程_Dart Flutter入门实战视频教程-2019年新出.Flutter目录结构我们来看一下Flutter中结构吧！android文件夹: 表示生成的Android的项目目录build文件夹：表示运行项目时生成的文件ios：表示ios的项目目录lib：存放Flutter相关代码，主要编写的代码就放在这个文件夹中。pubspec.yaml：表示...