Как разместить виджеты на точных позициях в столбце во Flutter? - PullRequest
Новая
       18

Как разместить виджеты на точных позициях в столбце во Flutter?

0 голосов
/ 01 августа 2020

Я хочу расположить Button немного ниже, а Widget с Text и Image немного выше, и не знаю, как это сделать. MainAxisAlignment.spaceBetween не является решением, потому что это было бы слишком много для Widget и слишком мало для Button. 

body: Center(
          child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: <Widget>[
                if (isShown == true) SkillJonglieren(),
                Flexible(
                    flex: 4,
                    child: Container(
                      padding: EdgeInsets.only(bottom: 60),
                      width: 230,
                      height: 130,
                      child: RaisedButton(
                          color: Colors.red,
                          child: Text('Show Skill',
                              style: TextStyle(fontSize: 30)),
                          onPressed: () {
                            setState(() {
                              isShown = true;

Следующее: Text и Image являются один stateless Widget. Мне нужно немного свободного пространства между ними, но когда я использую MainAxisAlignment.spaceAround для Column (в котором они есть), это почему-то не работает. 

class SkillJonglieren extends StatelessWidget {
  Widget build(BuildContext context) {
    return Column(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: <Widget>[
          Text(
            'Jonglieren',
            style: TextStyle(fontSize: 35),
          ),
          Image.asset('images/jonglieren.jpg')
        ]);
  }
}
...