VerticalDivider не появляется в строке - PullRequest
Новая
       57

VerticalDivider не появляется в строке

0 голосов
/ 18 апреля 2020

Я попытался добавить вертикальный разделитель в ряд. Ширина разделителя установлена, но разделитель не отображается. Я также пытался с виджетом IntrinsicHeight, он работает на данный момент. Но не рекомендуется использовать это в других темах. Есть ли обходной путь

вот код: 

import 'package:flutter/material.dart';
import 'package:focus7/Configurations/styles.dart';
import 'package:focus7/Widgets/settings.dart';

class Profile extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final Shader textGradient =
        Styles.primaryGradient.createShader(Rect.fromLTWH(0.0, 0.0, 50, 50));

    return Column(
      children: <Widget>[
        Padding(
          padding: const EdgeInsets.only(top: 40),
          child: Align(alignment: Alignment.centerRight, child: SettingsIcon()),
        ),
        SizedBox(height: 30),
        Align(
            alignment: Alignment.center,
            child: CircleAvatar(
              radius: 60,
              backgroundColor: Colors.amber,
              backgroundImage: AssetImage("Assets/ninja_image_png.png"),
            )),
        SizedBox(height: 10),
        Text(
          "Bala Ganesh",
          style: Styles.titleWhiteTextStyle,
        ),
        SizedBox(height: 10),
        Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Column(
                children: <Widget>[
        Text(
          "LEVEL",
          style: Styles.normalWhiteTextStyle
              .copyWith(foreground: Paint()..shader = textGradient),
        ),
        SizedBox(height: 10),
        Text(
          "4",
          style: Styles.normalWhiteTextStyle,
        ),
                ],
              ),
              VerticalDivider(color: Styles.primaryWhite,thickness: 10,width: 20,),
              Column(
                children: <Widget>[
        Text(
          "POINTS",
          style: Styles.normalWhiteTextStyle
              .copyWith(foreground: Paint()..shader = textGradient),
        ),
        SizedBox(height: 10),
        Text(
          "250",
          style: Styles.normalWhiteTextStyle,
        ),
                ],
              ),
            ],
          ),
      ],
    );
  }
}

вот вывод:

enter image description here

1 Ответ

1 голос
/ 18 апреля 2020

Оберните ваш виджет строки с помощью IntrinsicHeight , чтобы решить вашу проблему. 

 IntrinsicHeight(
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Column(
                children: <Widget>[
                  Text(
                    "LEVEL",
                  ),
                  SizedBox(height: 10),
                  Text(
                    "4",
                  ),
                ],
              ),
              VerticalDivider(
                color: Colors.black,
                thickness: 10,
                width: 20,
              ),
              Column(
                children: <Widget>[
                  Text(
                    "POINTS",
                  ),
                  SizedBox(height: 10),
                  Text(
                    "250",
                  ),
                ],
              ),
            ],
          ),
        ),
...