dart 如何使用CupertinoSliverNavigationBar Flutter制作顶部标签栏

92vpleto  于 12个月前  发布在  Flutter
关注(0)|答案(1)|浏览(82)

我使用CupertinoSliverNavigationBar,我如何在固定滚动的标题下方添加标签栏?
当前代码:

class SearchView extends StatefulWidget {
  @override
  _SearchViewState createState() => _SearchViewState();
}

class _SearchViewState extends State<SearchView> {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      child: NestedScrollView(
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
          return <Widget>[
            CupertinoSliverNavigationBar(
              backgroundColor: Colors.white,
              border: Border.all(width: 0.0, color: const Color(0xFFFFFFFF)),
              leading: Material(
                child: GestureDetector(
                  onTap: () => Navigator.of(context).pop(),
                  child: Icon(
                    IconData(
                      0xe904,
                      fontFamily: 'icomoon',
                    ),
                    color: Colors.black,
                    size: 25.0,
                  ),
                ),
              ),
              largeTitle: Text('Discover'),
            )
          ];
        },
        body: Scaffold(
          backgroundColor: Colors.white,
          body: Container(),
        ),
      ),
    );
  }
}

字符串
如所附图片:


的数据
当然,如果有一个解决方案可以在没有库比蒂诺小部件的情况下工作,但仍然尊重设计,我很感兴趣。

rqenqsqc

rqenqsqc1#

如果你的意思是Tab View,那么你可以使用放置在CupertinoPageScaffold中间的CupertinoSlidingSegmentedControl。
Link on Flutter documentation

相关问题