[Flutter]縦線(vertical line)を表示するには？

どうも、ちょげ(@chogetarou)です。

縦線を表示する方法を紹介します。

方法
1. VerticalDivider
2. Container
まとめ

方法

縦線を表示する方法は、２つあります。

VerticalDivider

１つは、VerticalDividerを使う方法です。

具体的には、縦線を表示したい場所にVerticalDividerを配置します。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: VerticalDivider(/*区切り線の設定*/),
      ),
    );
  }

Container

もう１つは、Containerを使う方法です。

具体的には、縦線を表示したい場所に、色とサイズだけを指定したContainerを配置します。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          height: /*高さ*/,
          width: /*横幅*/,
          color: 色,
        ),
      ),
    );
  }