Flutter:分割线组件Divider和VerticalDiVider
简介分割线是也是比较常用的组件,本文主要介绍下Divider和VerticalDiVider的使用方法。
分割线的属性说明:
- indent: 起点缩进距离
- endIndent: 终点缩进距离
- color: 分割线颜色
- height: 分割线区域的高度,并非分割线的高度
- thickness: 分割线的厚度,真正的分割线的高度
一、水平分割线:Divider
import 'package:flutter/material.dart';
class DividerWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('分割线'),
elevation: 0.0,
centerTitle: true,
),
body: Column(
children: [
Text("分割线"),
Divider(),
Divider(
thickness: 10, //设置分割线高度
indent: 20, //起点缩进距离
endIndent: 40, //终点缩进距离
color: Colors.red, //是指分割线颜色
),
],
),
);
}
}
二、垂直分割线:VerticalDivider
import 'package:flutter/material.dart';
class DividerWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('分割线'),
elevation: 0.0,
centerTitle: true,
),
body: Row(
children: [
Text("分割线"),
VerticalDivider(),
Text("分割线"),
VerticalDivider(
thickness: 10, //设置分割线高度
indent: 20, //起点缩进距离
endIndent: 40, //终点缩进距离
color: Colors.red, //是指分割线颜色
),
],
),
);
}
}
快速生成表格
网页扫描二维码库:Html5-Qrcode,官网地址:https://scanapp.org/html5-qrcode-docs/
nodejs中使用npm和yarn,使用最新阿里云镜像 aliyun mirror,网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~
《康熙王朝》是一部非常优秀的电视连续剧,陈道明演的康熙是我觉得最有帝王气魄,让人意犹未尽,本文主要记录一小段非常经典的对白。
HI博客上线啦!这一刻不知道等待了多少年,做为以为技术开发人员,没有自己的博客怎么能行呢!最近利用换工作的空余的时间,为自己搭建了该博客,也在自己人生中很重要的日子上线了该博客。也希望该博客能将自己在工作中比较好的技术整理成文章和一些其他比较好文章转载过来,为需要用到相关技术的同行提供有用的帮助。还希望以后大家能指出相关文章中出现的错误,让看到相关博文的人受益,别被我的个人错误而误导他人。
Electron页面跳转、浏览器打开链接和打开新窗口
Docker编译镜像出现:fetch http://dl-cdn.alpinelinux.org/alpine/v3.12/main/x86_64/APKINDEX.tar.gz
ERROR: http://dl-cdn.alpinelinux.org/alpine/v3.12/main: temporary error (try again later)
WARNING: Ignoring APKINDEX.2c4ac24e.tar.gz: No such file or directory问题
在Mac电脑中,如何对Git的用户名和密码进行修改呢?起初不懂Mac,所以整了很久,本文将记录如何对这个进行操作,以便后期使用。
在使用Git的过程中,不想每次都输入用户名和密码去拉取代码,所以就需要保存这些信息,那么既然有保存了,就必须有清除功能。