Flutter小菜鸟学习第一天(flutter Widget思想)

flutter的思想就是一切皆为组件(Widget) 包括按钮 输入框 布局方式和动画都是组件

Widget可以理解为:

    一个界面组件

    一个定义的按钮

    一种布局

    一种动画处理

Widget 具有丰富的属性和方法,属性通常是用来改变组件的状态(如颜色大小等)以及回调方法的处理(单机时间的回调,手势的回调),方法主要提供了组件功能的扩展 比如:TextBox 是一个矩形的文本组件 其属性和方法功能入选

    bottom:底部间距的属性

    direction:文本排列方向的属性

    left:左侧间距属性

    right:右侧间距属性

    top:上部间距属性

    topRect:导出矩形的方法

    toString:转换成字符串的方法

复杂的功能页面通常是由一个个简单功能组件完成的,有的组件负责布局,有的组件负责大小,有的组件负责定位,有的组件负责渐变,这些组件组合带来最大的好处就是解耦

    例如在界面中增加了一个居中组件Center  居中组件里面嵌套一个Container 容器组件 里面嵌套一个文本组件 Text 和一个装饰器

import 'package:flutter/material.dart';

void main() {

	runApp(MyApp());

}

class MyApp extends StatelessWidget{

[@override](https://my.oschina.net/u/1162528)

Widget build(BuildContext context) {

	// TODO: implement build

	// center组件

return Center(

// 增加一个容器组件

child: new Container(

// 添加一个装饰器

decoration: new BoxDecoration(

),

// 添加一个文本

child: new Text(

		'张三'

				),

			),

		);

	}

}

转载于:https://my.oschina.net/u/3554714/blog/3086489

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值