Как установить цвет фона поднятой кнопки в флаттере?

Question

Вот мой код, я бы хотел установить цвет фона, прозрачный для моей кнопки.

Я бы хотел добавить цвет фона для обеих Raised Button в моем коде. Я также попытался обернуть его контейнером, а затем применить прозрачный фон контейнера, но это не сработало.

         Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: <Widget>[
                FadeAnimation(
                  3.4,
                  SizedBox(
                    width: double.infinity,
                    height: 44,
                    child: RaisedButton(
                     color: Colors.white,
                      onPressed: navigateToSignUp,
                      child: Text(
                        'Sign Up',
                        style:
                            TextStyle(color: Colors.blueGrey, fontSize: 24),
                      ),
                    ),
                  ),
                ),

              SizedBox(height: 10),
                FadeAnimation(
                  3.4,
                  SizedBox(
                    width: double.infinity,
                    height: 44,
                    child: RaisedButton(
                      color: Colors.white,
                      onPressed: navigateToSignIn,
                      child: Text(
                        'Sign In',
                        style: TextStyle(color: Colors.grey, fontSize: 24),
                      ),
                    ),
                  ),
                ),

Answer 1

Вы можете использовать Opacity с black Цвет

Вот так:

 color: Colors.black.withOpacity(0.05), //set this opacity as per your requirement

Это будет выглядеть намного привлекательнее

Answer 2

Просто используйте Colors.transparent

                RaisedButton(
                  color: Colors.transparent,
                  onPressed: null,
                  child: Text(
                    'Sign In',
                    style: TextStyle(color: Colors.grey, fontSize: 24),
                  ),
                ),

Answer 3

используйте FlatButton вместо RaisedButton, как показано ниже:

new FlatButton(
              child: new Icon(Icons.arrow_back_ios),
              onPressed: (){}
              )