เส้นขอบที่โค้งมนบน SliverAppBar อย่างกระพือ
คุณทำมุมด้านล่างที่โค้งมนบน SliverAppBar ได้อย่างไร ฉันรู้ 2 วิธี แต่พวกเขาไม่ได้ตัดมันซะทีเดียว
1: ใช้ "shape: ContinuousRectangleBorder" สาเหตุที่ไม่ตัดมันออกไปเพราะมันไม่ใช่วงกลม แต่เป็นวงกลมสี่เหลี่ยมแปลก ๆ มันจึงดูไม่ถูกต้อง หากเป็นไปได้ที่จะทำด้วยสิ่งนี้และยังคงรักษาความกลมไว้ได้โปรดแสดงความคิดเห็นว่า :)
2: ในการสร้างภาชนะที่มีมุมโค้งมนใน SliverAppBar มันไม่ได้เป็นเช่นนั้นเพราะเมื่อคุณเลื่อนมันจะหายไปเร็วมากและคุณก็เหลือพื้นที่ว่างสีขาวที่ด้านบนของหน้าจอ
หากคุณมีความคิดโปรดช่วยด้วย และจำไว้ว่านี่คือ SliverAppBar ไม่ใช่ AppBar ปกติที่นั่นจะเป็นเรื่องง่าย
คำตอบ
วิธีแรกเป็นวิธีที่ดีกว่าและแนะนำ คุณสามารถใช้RoundedRectangleBorder
แทนContinuousRectangleBorder
คุณยังสามารถเยี่ยมชม: https://api.flutter.dev/flutter/painting/RoundedRectangleBorder-class.html
คุณยังสามารถตรวจสอบ: https://api.flutter.dev/flutter/painting/CircleBorder-class.html สำหรับ CircleBorder