Skip to content

Improve the front layer border radius#22

Merged
WieFel merged 3 commits intofluttercommunity:masterfrom
danielborges93:feature/improve-front-border-radius
May 24, 2020
Merged

Improve the front layer border radius#22
WieFel merged 3 commits intofluttercommunity:masterfrom
danielborges93:feature/improve-front-border-radius

Conversation

@danielborges93
Copy link
Contributor

The border radius is not painted properly when the front layer is a colored Container.

Code example

// My theme
final appTheme = ThemeData(
  primaryColor: Color(0xfffafafa), // white
  primaryColorDark: Color(0xff00a651) // green
);

// My BackdropScafold
class MainScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BackdropScaffold(
      title: Text('Title...'),
      backLayer: Center(
        child: Text('Back'),
      ),
      frontLayer: Container(
        color: Theme.of(context).primaryColorDark,
        child: Center(
          child: Text('Front'),
        ),
      ),
      animationCurve: Curves.easeInOut,
    );
  }
}

Before

Screenshot_1590204593
Screenshot_1590204610

After

Screenshot_1590204693
Screenshot_1590204698

Copy link
Collaborator

@WieFel WieFel left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you make the requested change I'll merge it!

@WieFel WieFel merged commit fb29fde into fluttercommunity:master May 24, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants