Как исправить высоту пользовательской панели приложения в SliverAppBar Flutter

Question

Я пытаюсь разработать панель приложения, когда прокрутка скрыта. Я успешно создал, но панель приложений мала

Код ниже предоставляет мне панель приложений, подобную этой

@override
Widget build(BuildContext context) {
  return Scaffold(
   body: NestedScrollView(
     headerSliverBuilder: (context, innerBoxIsScrolled) {
    return <Widget>[
      SliverAppBar(        
        backgroundColor: Colors.transparent,   
        title: PreferredSize(
            child: ClipPath(
              clipper: CustomAppBar(),
              child: Container(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Text(
                      ' Bike Guru',
                      style: GoogleFonts.caveatBrush(
                        fontSize: 40,
                        color: Colors.black,
                        fontWeight: FontWeight.bold,
                      ),
                    ),
                  ],
                ),
              ),
            ),
            preferredSize: Size.fromHeight(kToolbarHeight + 350)),
        floating: true,
        pinned: false,
      ),


    ];
    },

Я пытаюсь получить результат, который скрывается при прокрутке вниз

штрих-код пользовательского приложения

class CustomAppBar extends CustomClipper<Path> {
@override
Path getClip(Size size) {
Path path = new Path();

path.lineTo(0, size.height);
path.quadraticBezierTo(
    size.width / 4, size.height - 40, size.width / 2, size.height - 20);

path.quadraticBezierTo(
    3 / 4 * size.width, size.height, size.width, size.height - 20);

path.lineTo(size.width, 0);

return path;
}

@override
bool shouldReclip(CustomClipper<Path> oldClipper) {
return false;

}}

Answer 1

это всего лишь обзор вашего вопроса, который вам может понадобиться SliverPersistentHeader виджет для определения высоты и ширины

NestedScrollView(
  physics: NeverScrollableScrollPhysics(),
  controller: this._scrollController1,
  headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
    return <Widget>[
       SliverPersistentHeader(
         floating: false,
         pinned: false,
         delegate: SliverAppBarDelegate(
           minHeight: AppConfig.trendHeaderImageHeight,
           maxHeight: AppConfig.trendHeaderImageHeight,
           child: trendingHeader,
         )
       )
    ];
  },
  body: CustomScrollView(
    controller: this._scrollController2
    ...
  ),
);