使用inherit来设置是否继承样式 DefaultTextStyle( style: TextStyle(color: Colors.red, fontSize: 22), child: Column( children: <Widget>[ Text('1'), Text('2'), Text( '3', style: TextStyle( inherit: false, fontSize: 22, color: Colors.black26, ), ), ], ), ),

在 Flutter 中一切皆是 组件,仅仅 Widget 的子类和间接子类就有 350 多个,整理的 Flutter组件继承关系图 可以帮助大家更好的理解学习 Flutter,回归正题,如此多的组件到底如果学习,真的需要学习 350 多个组件? 在经济学中有一个著名的 二八定律 二八定律是意大利经济学家帕累托发现的.帕累托认为任何一组东西中最重要的只占其中一小部分约占20%,其余80%尽管是多数,却是次要的. 而我们学习 Flutter 也适用于二八定律,大部分组件是平时很少用到的,因此作为初学

老孟导读:前几天一个读者和我说能不能整理一个各个控件之间的继承关系,这2天抽时间整理了一下,不整理不知道,一整理真的吓一跳啊,仅仅Widget的子类(包括间接子类)就高达353个,今天发群里给大家浏览的时候,有人说:"看见这个,会让初学者从入门到放弃的",其实不必担心,虽然很多,但常用的就那几十个,很快就入门了,剩余其他的用到的时候在查就好了. Widget 先看Widget的直接子类,仅仅4个(其实还有一个抽象类) RenderObjectWidget 看看RenderObjectW

首先贴一下代码: 这是发送视频消息的方法 报出一下错误信息: 这是由于在解析的时候JSON里面没有fileLength这个值 往回看发送视频消息api,也并不需要fileLength参数 那顺着错误信息,可能会是在EMHelper下 右键项目打开flutter选项,如果选项是不可选状态那是因为项目android目录缺少文件:(项目名)***_android_iml 打开EMHelper之后,发现这部分没有输出: 试着把这里的fileLength加上 编译之后重新发送,显示发送成功. 但是又有一个

博客搬迁至http://blog.wangjiegulu.com RSS订阅:http://blog.wangjiegulu.com/feed.xml 以下代码 Github 地址:https://github.com/wangjiegulu/flutter_test_01 编写你的第一个Flutter App 原文:https://flutter.io/get-started/codelab/ 这个你创建第一个Flutter app的指南.如果你熟悉面向对象的代码,基本的编程概念,比如变量,循

前言 上一篇我们对 Flutter UI 有了一个基本的了解. 这一篇我们通过自定义 Widget 来了解下如何写一个 Widget? 然而 Widget 有两个,StatelessWidget 和 StatefulWidget,我们要继承哪一个? 下面让我们跟着文章来探索一番. 目录 1. StatelessWidget 我们先来看下继承的 Widget 为 StatelessWidget 的情况. 第一步:新建一个文件 bold_text.dart 这里文件名后面后缀 .dart 可带可不带

这篇主要讲flutter最基本的操作.我们从一个实例入手,先不需要知道它里面的每一行是什么意思,我会慢慢说. main.dart import 'package:flutter/material.dart'; import 'model/post.dart'; void main() => runApp(App()); class App extends StatelessWidget { @override Widget build(BuildContext context) { return

作为忠实与较资深的Android汪, 最近抽出了一些时间研究了一下Google的亲儿子Flutter, 尚属皮毛, 只能算是个简单的记录吧. Google自2017年第一次提出Flutter, 到2018年Beta, 再加之RN的各种风波与问题, 使得Flutter的热度不断上升, 国内不少公司都公布Flutter在其产品中的应用, 如美团, 闲鱼等. 前言 Flutter作为跨平台框架, 常常被人拿出来与React Native, 以及Xamarin进行对比, 除了大家都是跨平台框架之外且能达

1.Expanded组件 占满可用空间 -----可以到达类似flex布局中  第一列占用大量空间,所以它必须包装在Expanded widget中. 写死的高度改成Expanded自动撑满屏幕如果还是不能撑满试试加上flex:1的属性 Expanded expands its child to fill the available space --Using an Expanded widget makes a child of a Row, Column, or Flex expand to

本文主要介绍Flutter布局中的Baseline.FractionallySizedBox.IntrinsicHeight.IntrinsicWidth四种控件,详细介绍了其布局行为以及使用场景,并对源码进行了分析. 1. Baseline A widget that positions its child according to the child's baseline. 1.1 简介 Baseline这个控件,做过移动端开发的都会了解过,一般文字排版的时候,可能会用到它.它的作用很简单,

本文主要介绍Flutter布局中的ListBody.ListView.CustomMultiChildLayout控件,详细介绍了其布局行为以及使用场景,并对源码进行了分析. 1. ListBody A widget that arranges its children sequentially along a given axis. 1.1 简介 ListBody是一个不常直接使用的控件,一般都会配合ListView或者Column等控件使用.ListBody的作用是按给定的轴方向,按照顺序排

本文主要介绍Flutter布局中的Stack.IndexedStack.GridView控件,详细介绍了其布局行为以及使用场景,并对源码进行了分析. 1. Stack A widget that positions its children relative to the edges of its box. 1.1 简介 Stack可以类比web中的absolute,绝对布局.绝对布局一般在移动端开发中用的较少,但是在某些场景下,还是有其作用.当然,能用Stack绝对布局完成的,用其他控件组合也

本文主要介绍Flutter布局中的Flow.Table.Wrap控件,详细介绍了其布局行为以及使用场景,并对源码进行了分析. 1. Flow A widget that implements the flow layout algorithm. 1.1 简介 Flow按照解释的那样,是一个实现流式布局算法的控件.流式布局在大前端是很常见的布局方式,但是一般使用Flow很少,因为其过于复杂,很多场景下都会去使用Wrap. 1.2 布局行为 Flow官方介绍是一个对child尺寸以及位置调整非常高效

解析开始 Flutter中一切皆widget,一切皆组件.学习Flutter中,必须首先了解Flutter的widget.先从最基本的MaterialApp和Scaffold开始了解 1 MaterialApp 一个封装了很多Android MD设计所必须要的组件的小部件,一般作为顶层widget使用. 继承关系InheritanceObject->Diagnosticable ->DiagnosticableTree ->Widget ->StatefulWidget ->

先来看看制作效果: 前置知识--StatefulWidget  StatefulWidget具有可变状态(state)的窗口组件(widget).使用时要根据变化状态,调整State值, 能够快速初始化,在VSCode中直接使用快捷方式生成代码(直接在VSCode中输入stful后回车自动生成结构),如下: class name extends StatefulWidget { _nameState createState() => _nameState(); } class _nameStat

先来看看准备界面: image.png 目标是修改图中红色实线框中的喜欢和不喜欢的五角星的修改,以及数字的修改. 在修改之前,有必要先了解一些相关的信息. 知识点 前面简单的提到过,有些Widget是Statful(有状态的),而其他的一些是Stateless(无状态的).比如继承自StatefulWidget的有Checkbox.Radio.Slider.Form等,这些Widget用户都是可以做一些交互的,同样的继承自StatelessWidget的Widget有Text.Icon等.有状态

*.assets 当引用图片的时候,需要在pubspec.yaml的文件中的flutter下添加assets,类似于下面的样子: image.png 这里需要注意的是文件里的assets只要一个缩进即和flutter里的内容保持对齐,否则,会出问题.我遇到的是,没办法选择运行设备. 一.Layout原理 Flutter布局Layout的核心就是Widget.在Flutter里,基本上任何东西都是Widget,甚至布局的模型.比如images.icon.text等你能在界面上看到的.你看不到的,如

Flutter控件本身通常由许多小型.单用途的控件组成,结合起来产生强大的效果,例如,Container是一种常用的控件,由负责布局.绘画.定位和大小调整的几个控件组成,具体来说,Container是由LimitedBox.ConstrainedBox. Align.Padding.DecoratedBox和Transform控件组成,而不是将Container子类化来产生自定义效果,您可以用这种新颖的方式组合这些以及其他简单的控件. 类的层次结构是扁平的,以最大化可能的组合数量. 在写应用程序

视频地址: https://www.bilibili.com/video/av39709290?zw 博客地址: https://jspang.com/post/flutterDemo.html#toc-ff4 flutter create demo01:命令行来创建项目,这里我就不创建,直接用我原来的代码 D:\Flutter\Demo\demo03 bottom_navigation_widget.dart 新建:bottom_navigation_widget.dart main里面引用这

视屏地址: https://www.bilibili.com/video/av39709290/?p=5 博客地址: https://jspang.com/post/flutterDemo.html#toc-246 创建新项目: 把上节课的Main.dart文件复制过来改改. 创建pages.dart stless快速生成我们的FirstPage页面.静态的widget 然后我们去创建的SecondPage页面 stlss快速生成:SecondPage 这样AppBar就设置完成了. 下面设置我