Блог

Как сделать закругленные нижние углы на панели SliverAppBar? Я знаю 2 способа, но они просто не совсем сокращают его.

1: Использовать «shape: ContinuousRectangleBorder». Причина, по которой это не сокращает его, заключается в том, что он не круглый, а этот странный квадратно-круговой, поэтому он выглядит неправильно. Если это возможно сделать с помощью этого и при этом сохранить округлость, то, пожалуйста, прокомментируйте это 🙂

2: Создать контейнер с закругленными углами на панели SliverAppBar. Это не совсем то, потому что тогда, когда вы прокручиваете, это исчезает очень рано, и вы просто остаетесь с этим пустым пробелом в верхней части экрана.

Если у вас есть какие-либо идеи, пожалуйста, помогите. И помните, что это SliverAppBar, а не обычная панель приложений, там это было бы легко.

Первый способ является лучшим и рекомендуемым. Вы можете использовать RoundedRectangleBorder вместо ContinuousRectangleBorder

Вы также можете посетить:https://api.flutter.dev/flutter/painting/RoundedRectangleBorder-class.html

Вы также можете проверить: https://api.flutter.dev/flutter/painting/CircleBorder-class.html для CircleBorder