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/
在使用jetbrains的工具PHPStrom和PyCharm的Git功能,有时候记住了密码,但是当遇到需要切换提交用户的时候我们可以将记住的信息清理掉,这里做一个备注。
在Flutter中要想显示图片,就需要用到Image组件,但是作为Image组件,用法有好几种,本文就主要介绍下Image的使用。
Python项目中必须包含一个 requirements.txt 文件,用于记录所有依赖包及其精确的版本号。以便新环境部署。本文记录python需求文件requirements.txt的创建及使用。
Electron页面跳转、浏览器打开链接和打开新窗口
在Mac电脑中,如何对Git的用户名和密码进行修改呢?起初不懂Mac,所以整了很久,本文将记录如何对这个进行操作,以便后期使用。
在使用Git的过程中,不想每次都输入用户名和密码去拉取代码,所以就需要保存这些信息,那么既然有保存了,就必须有清除功能。
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问题