Futter小白

本文主要实现一个仿闲鱼底部导航栏实现，这种效果在项目中经常用到，接下来我们就从头开始实现。 这个组件，接下来我们先说一下BottomNavigationBar这个组件。 BottomNavigationBar是属于Scaffold中的一个位于页面底部的组件。通常和BottomN…

接下来我们就从头开始实现。 老规矩，开局先上效果图。 要实现这样的效果，需要使用TabBar进行实现。我们先讲一下TabBar的基本属性。 TabBar是属于AppBar中的一个组件，通常和TabBarView结合使用。 TabController使用。在我们使用TabBar的…

侧滑栏对于大部分App来说都是经常用到的，接下来我们来一步步的实现flutter的侧滑栏效果。这里需要使用flutter提供的 Drawer和DrawerHeader控件，DrawerHeader通常用作侧滑栏的头部控件，比如用户头像等。 该控件常用的属性就是child属性，c…

计算机 --> 右键 --> 属性 --> 高级设置 --> 找到系统的Path变量，点击打开，选择编辑。 保存退出，此时已经完成国内源的更换。 点击蓝色字体访问Flutter官网,建议下载稳点版本的最新版。 如果上面的地址不能访问,可以从github下载https://git…

体验一下Flutter的魅力。这两个都是很经典的例子： 案例1: 定义一个界面,中间有一个控件显示Hello World。经典案例,语言入门必备。 案例2: 一个简单的计数器,点击按钮显示数字增加。此案例来自官网,此处以白话讲解,更利于看懂。 点击start a flutter…

// 代码注释。 万物皆对象, 无论是数字，函数和null都是对象。所有对象继承自Object类。 尽管Dart语言是强类型的, 但是Dart可以推断类型, 上面的var number等价于int number。 针对于不确定的数据类型,请使用dynamic。 Dart支持泛型…

Text用于显示简单样式文本，它包含一些控制文本显示样式的一些属性。 RichText 富文本, 可以显示多种样式的text。 Flutter通过Image控件加载图片资源, 图片的来源可以是asset文件、本地文件或者网络文件。 对应的组件包含AssetImage和Netwo…

每个应用都有很多个页面，在flutter中同样也有很多页面，被称之为路由(Router)，页面之间的跳转通过导航器(Navigator)进行管理。 其中 Navigator.push 和 Navigator.pop 是最简单的跳转到新页面和返回到上一级界面的方式。 路由分为静态…