个人网站建设方案书,一起做网店潮汕站,2016 网站建设需求,35互联做的网站如何一 Text 组件Text 文本组件的一些属性如下body: const Text(this is leonardo fibonacci,// 文本对齐的方式textAlign: TextAlign.center,// 文本方向textDirection: TextDirection.rtl,// 字体显示最大的行数maxLines: 2,// 文字超出屏幕之后的显示方式 ellipsi…一 Text 组件Text 文本组件的一些属性如下body: const Text(this is leonardo fibonacci,// 文本对齐的方式textAlign: TextAlign.center,// 文本方向textDirection: TextDirection.rtl,// 字体显示最大的行数maxLines: 2,// 文字超出屏幕之后的显示方式 ellipsis 为省略号 fade 为 渐隐overflow: TextOverflow.ellipsis,// 字体的样式设置style: TextStyle(color: Colors.blue,fontSize: 55.0,// 单词间隙 如果是负的值 会让单词变得更加紧凑wordSpacing: -2.0,// 字符的间距letterSpacing: 10.0,// 字体粗细fontWeight: FontWeight.bold,),),二 Container 组件类似于DIV标签 body: Container(child: Text(Fibonacci),// 设置宽高width: 300.0,height: 300.0,// 内边距 container 与 child 之间的距离padding: EdgeInsets.fromLTRB(10, 20, 10, 20),// margin container 与 外部组件之间的距离margin: EdgeInsets.fromLTRB(50, 100, 100, 50),// decorationdecoration: BoxDecoration(// 背景色color: Colors.blue,// padding 内边距// 边框border: Border.all(color: Colors.yellow, width: 5.0, style: BorderStyle.solid),// 边圆角borderRadius: BorderRadius.all(Radius.circular(20.0)),),// Alignment 居中显示alignment: Alignment.center,),三 图片组件图片组件是显示图片的组件iamge 组件有很多构造函数常用的有两个 本地和远程图片的显示 1 网络图片加载网络图片的形式child: Image.network(https://t7.baidu.com/it/u2621658848,3952322712fm193fGIF,// fill 会拉伸图片 充满容器 contain 显示原比例可能有空隙cover 可能拉伸 可能剪裁 充满整个容器fit: BoxFit.cover),),1.1 实现圆形图片body: Center(child: Container(width: 300.0,height: 300.0,child: ClipOval(child: Image.network(https://t7.baidu.com/it/u2621658848,3952322712fm193fGIF,// fill 会拉伸图片 充满容器 contain 显示原比例可能有空隙cover 可能拉伸 可能剪裁 充满整个容器fit: BoxFit.cover),)),));2 本地图片在根文件目录新建一个images 文件夹然后再新建一个2.0X,3.0X的文件夹配置pubspec.ymal 文件声明一下添加的图片3 调用 body: Center(child: Container(width: 300.0,height: 300.0,//images/a.jpegchild: Image.asset(images/a.jpeg),)));
