Пользовательская форма в SliverAppbar в Flutter - PullRequest
0 голосов
/ 26 октября 2019

Когда SliverAppbar развернут, я хочу, чтобы FlexibleSpaceBar должен был иметь собственную форму. У меня есть контейнер в корпусе лесов с topLeft и topRight borderRadius. Но угловой фон не выглядит с изображением, которое содержит FlexibleSpaceBar.

Scaffold(
      body: NestedScrollView(
        controller: _scrollController,
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
          return <Widget>[
            SliverAppBar(
              expandedHeight: kExpandedHeight,
              floating: true,
              pinned: true,
              backgroundColor: white,
              leading: InkWell(
                onTap: (){
                  Navigator.of(context).pop();
                },
                child: Icon(Icons.arrow_back_ios, color: black)
              ),
              title: Text(
                  _showTitle ? widget.blogDetails.category : "",
                  //widget.blogDetails.category,
                  style: TextStyle(
                      color: Colors.deepOrange.withOpacity(0.8),
                      fontSize: 20.0,
                      fontWeight: FontWeight.bold
                  )),
              flexibleSpace: FlexibleSpaceBar(
                  background: CachedNetworkImage(
                    imageUrl: widget.blogDetails.coverPhoto,
                  )),
            ),
          ];
        },
        body: Container(
          padding: EdgeInsets.only(
              left: 20.0, right: 20.0, top: 20.0
          ),
          decoration: BoxDecoration(
            borderRadius: BorderRadius.only(
              topRight: Radius.circular(20.0),
              topLeft: Radius.circular(20.0)
            )
          ),
          child: Text("Sample Text"),
        ),
      ),
    )

Вот мой код. Пожалуйста, помогите мне в этом интерфейсе. Вот скриншот enter image description here enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...