Как сделать линию вспомогательных карт (условные обозначения для графиков) ниже и центрировать два графика, содержащиеся в основной карте, показанной во флаттере? - PullRequest
0 голосов
/ 04 апреля 2020

Как сделать составленную карту (цветная легенда для графика) ниже и в центре двух графиков, показанных во флаттере? Я перепробовал много вещей и чувствую, что не могу понять, как разместить еще одну колонку под диаграммами для размещения этого ребенка: Строка ...

Любая помощь в направлении решения приветствуется.

Container(
            height: 500,
            width: 1077,
            child: Card(
              child: Padding(
                padding: EdgeInsets.all(3.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: <Widget>[
                    Center(
                        child: Container(
                      height: 344,
                      width: 344,
                      child: HorizontalBarLabelChart.withSampleData(),
                    )),
                    Center(
                      child: Container(
                        height: 344,
                        width: 344,
                        child: RTLBarChart.withSampleData(),
                      ),
                    ),
                    Stack(
                      children: <Widget>[
                        Card(
                          child: Padding(
                            padding: EdgeInsets.all(2.0),
                            child: Row(
                              mainAxisAlignment:
                                  MainAxisAlignment.spaceAround,
                              children: <Widget>[
                                Container(
                                  width: 13.0,
                                  height: 13.0,
                                  color: Colors.blueAccent,
                                ),
                                Text(' Beginner '),
                                Container(
                                  width: 13.0,
                                  height: 13.0,
                                  color: Colors.purple,

                                ),
                                Text(' Competent '),
                                Container(
                                  width: 13.0,
                                  height: 13.0,
                                  color: Colors.green,
                                ),
                                Text(' Proficient '),
                                Container(
                                  width: 13.0,
                                  height: 13.0,
                                  color: Colors.yellow,
                                ),
                                Text(' Advanced '),
                              ],
                            ),
                          ),
                        ),
                      ],
                    ),
                  ],
                ),
              ),
            ),
          ),
        ],
      ),
    ),
  ),
);
  }
}
...