Shape the GradientAppBar

[bagus-setyawan]

Hi, i found trouble to implement border radius to bottom left and bottom right of this Gradient App Bar, how can i achieve that ?

GradientAppBar(
      flexibleSpace: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          CustomPaint(
            painter: CircleOne(),
          ),
          CustomPaint(
            painter: CircleTwo(),
          ),
        ],
      ),
      title: Container(
        margin: EdgeInsets.only(top: 18.0),
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Text(
                'Bagus Setyawan',
                style: TextStyle(
                  fontSize: 16,
                  fontWeight: FontWeight.bold,
                ),
                textScaleFactor: 1.1,
              ),
              Text(
                'Software Development Specialist',
                style: TextStyle(
                  fontSize: 12,
                  fontWeight: FontWeight.w300,
                ),
              ),
            ],
          ),
        ),
      ),
      elevation: 0,
      gradient: LinearGradient(
          begin: Alignment.topLeft,
          end: Alignment.bottomRight,
          colors: [Colors.green[800], Colors.green[200]]),
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.only(bottomRight: Radius.circular(70.0))
      ),
    ),

[ghost]

Same for me

[aguilaair]

I have the same problem...
If you remove the gradient is works fine

[Jandries]

I fixed this as a workaround by copying all the code and replacing this line:

decoration: BoxDecoration(gradient: widget.gradient),
with this
decoration: ShapeDecoration(shape: widget.shape, gradient: widget.gradient, ),

I created a pull request that will fix this.