Как сделать закругленные границы в AnimatedContainer?

Я пытался сделать закругленные углы в AnimatedContainer. Поэтому я написал этот код:

 return Center (
    child: Column (
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget> [
        AnimatedContainer (
          duration: Duration(milliseconds: 200),
          color: Colors.white,
          height: _isContainerVisible ? 500.0 : 0.0,
          width: _isContainerVisible ? 300.0 : 0.0,
          decoration: BoxDecoration (
            borderRadius: BorderRadius.circular(25.0)
          ),
        )
      ]
    )
  );

по какой-то причине я не могу сделать угол закругленным. Также я получаю сообщение об ошибке для этого. Есть ли способ сделать углы закругленными?


flutter dart flutter-animation
person Young    schedule 19.12.2018    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Ты пропустил

border: Border.all(color: Colors.blue)

Также удалите color из AnimatedContainer и добавьте его в decoration

Комплексное решение

return Center(
  child: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      AnimatedContainer(
        duration: Duration(milliseconds: 200),
        height: 300,
        width: 300,
        decoration: BoxDecoration(
          color: Colors.white, // added
          border: Border.all(color: Colors.orange, width: 5), // added
          borderRadius: BorderRadius.circular(25.0),
        ),
      ),
    ],
  ),
);
person CopsOnRoad    schedule 19.12.2018
comment
У меня проблема, только рамки синие а внутри прозрачно. Как я могу это исправить? - person Young; 19.12.2018
comment
Я обновил код, внутри теперь белый. Пожалуйста, смотрите полное решение - person CopsOnRoad; 19.12.2018
comment
Большое спасибо! - person Young; 19.12.2018