Flutter 零基础随手笔记之一

Flutter随手记录的控件或者写法

现在只会android源生，一种语言在现有的环境生活太艰难了，而且前端的知识不断的在完善，开发周期要比源生短很多，周围大多数中小公司做移动软件的大多数都是用量在堆，所以有时候源生开发周期太长被PASS掉了。由于本人主要以政府项目为主，所以大多数是android源生为主，初期懵懂的时候使用Eclipse开发，渐渐项目移植到Android Studio上，Flutter内测的时候就开始关注它，开发环境在Android Studio上实在是太方便了。这让懒蛋的我意识到了它是我的归宿，内测的时候偶尔看看，由于太忙没有写Demo，现有时间好好学习，所以随手记录记录写的Demo

写法以及适用的面相对象

可能有人会问为什么要记录这些东西？由于我是移动开发者，只会android，在接触Flutter的时候才知道要使用Dart语言，但是个人时间太紧凑了，时不时会有项目进入，这样学习周期会很长，所以在没有看Dart语言的前提直接上手Flutter，将现有的项目进行翻新重做，因为主要记录一些项目或者常用的控件进行记录，写法是多样的，个人也是先以实现为主优化为辅。主要面向刚接触Flutter或者准备进入Flutter的人找不到控件或者写法的人而写的，傻瓜式的文章，代码都是能实现，直接粘贴即可使用的代码，好了也不多说了，直接上这段学习的代码。

左右渐变彩色，四角为圆弧的Button

效果图片样式要求

// 按钮的写法是不同的，我是使用Container里面的放的FlatButton按钮
// 控制布局Container进行改变相应的样式
Container(
	width: 100.0,
	height: 40.0,
	decoration: BoxDecoration(
		borderRadius:
				new BorderRadius.all(new Radius.circular(5.0)),
		gradient: LinearGradient(
        	colors: [
        		//颜色这里我写的是引用类，为了统一把颜色让在一个实体类里面再使用
        		//也可以直接设置颜色Color(0xFF5A7DE4)
            	ColorUtil.light_blue,
            	//Color(0xFF15DDCE)
             	ColorUtil.light_green,
            ],
            begin: Alignment.centerLeft,
            end: Alignment.centerRight)),
    	margin: EdgeInsets.fromLTRB(0, 20, 0, 0),
        child: FlatButton(
	    	child: Text("登    录"),
            	textColor: Colors.white,
            	onPressed: _pressed,
            ),
 )

void _pressed() {
    print("这是点击事件");
}

最后的效果，左侧为android 8.0模拟器，右侧为ios Phone11 13.0的版本效果

Android的Toast气泡提示

有些android项目需求气泡提示，比如输入密码错误等提示，输入错误信息的时候提示用户，几秒后消失即可的需求

Flutter直接提供了插件：
在项目结构的pubspec.yaml里面添加引用包:

fluttertoast: ^2.1.1

使用方法：

Fluttertoast.showToast(
	msg: "点击登录按钮",
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.BOTTOM,
    textColor: Colors.white);

由于气泡大多数提示是底部提示，所以这里只是放在布局显示，其他布局有兴趣的可以自己实验一下，位置提供了三中方法ToastGravity.TOP，ToastGravity.CENTER，ToastGravity.BOTTOM 对应的上、中、下。

android 8.0模拟器的最终效果

ios Phone11 13.0的版本最终效果

如果有好的方法类或者写法可以私信我，将更好的方法归类到后面的文章里面，因为我也是初学者，所以优化等方法后期了解原理才能慢慢改善。