Флаттеры, Поместите текст в центр - PullRequest
0 голосов
/ 23 марта 2020

Я использую Flutter Charts для создания кольцевой диаграммы. Я хочу поместить текст внутри пончика вместе с легендой.

Я пытался использовать Center Widget внутри Stack Widget, но текст не помещается в центр, если я добавляю DatumLegend как поведение на графиках. Если я удаляю легенду, она показывает текст в правильном положении.

Мой код из диаграмм:

Stack(
  children: <Widget>[
    charts.PieChart(
      getseriesList(_values),
      animate: true,
      defaultRenderer: charts.ArcRendererConfig(
          arcWidth: 40,
          arcRendererDecorators: [
            charts.ArcLabelDecorator(
                labelPosition: charts.ArcLabelPosition.outside)
          ]),
      defaultInteractions: true,
      behaviors: [
        charts.DatumLegend(
          position: charts.BehaviorPosition.bottom,
          desiredMaxColumns: 4,
          legendDefaultMeasure: charts.LegendDefaultMeasure.none,
        ),
      ],
    ),
    Center(
      child: Container(
        margin: EdgeInsets.only(top: 4),
        child: Text(
          'CenterText',
          style: TextStyle(
            color: Colors.black38,
            fontWeight: FontWeight.w700,
          ),
        ),
      ),
    ),
  ],
)

Здесь я хочу, чтобы 99 был расположен в центре , .

1 Ответ

0 голосов
/ 23 марта 2020

Используйте позиционированный виджет вместо центра в стеке.
Чтобы держать центр виджета в горизонтальном положении:

Positioned(
    left : 0,
    right : 0,
    child : <your widget>,
)

Чтобы держать центр виджета в вертикальном положении:

Positioned(
    top : 0,
    bottom : 0,
    child : <your widget>,
)

Это работает для меня :)

...