小编Tid*_*der的帖子

Flutter 布局:VerticalDividers 未显示

我有一个简单的布局,由一个 Column 和几个孩子组成。其中一些是包含孩子的行。我在 Column 的孩子之间添加了 Dividers,在 Rows 的孩子之间添加了 VerticalDividers。(水平)分隔线显示良好。但是 VerticalDividers 没有显示在应用程序中。

我已经尝试将 Rows 子项包装在其他一些布局小部件(如 Container)中,但似乎没有任何效果。

截屏

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Test App'),
      ),
      body: Column(
        children: <Widget>[
          Expanded(
            child: Center(
              child: Text('Hello World'),
            ),
          ),
          Divider(height: 1),
          Row( …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-layout

5
推荐指数
1
解决办法
1180
查看次数

标签 统计

flutter ×1

flutter-layout ×1