如何在Flutter中将TabBar添加到SliverAppBar?到目前为止,当我bottom向SliverAppBar 添加a 时,title会固定到这些选项卡,而我希望它位于这些选项卡上方。
有任何想法吗?

我的代码:
class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin{
TabController controller;
@override
void initState() {
super.initState();
controller = new TabController(length: 3, vsync: this);
}
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new CustomScrollView(
slivers: <Widget>[
new SliverAppBar(
pinned: true,
flexibleSpace: new FlexibleSpaceBar(
title: new Text("Some title"),
),
expandedHeight: 160.0,
bottom: new TabBar(tabs: [
new Tab(text: 'Tab 1'),
new Tab(text: 'Tab 2'),
new Tab(text: 'Tab 3'),
],
controller: controller,
),
),
new SliverList( …Run Code Online (Sandbox Code Playgroud) 我的目标是在列中添加一个选项卡,并在此列上添加更多小部件。
但是当我添加一个标签时,我收到了一个错误
水平视口被赋予无限的高度。视口在横轴上扩展以填充其容器并约束其子项以匹配其在横轴上的范围。在这种情况下,水平视口被赋予无限量的垂直空间来扩展。任何建议我做错了什么?谢谢!
这是我的示例代码
import 'package:flutter/material.dart';
import 'package:trip_finder/screens/home_screen.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Trip Finder',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primaryColor: Color(0xFF131415),
primaryColorLight: Color(0xFF8296ab),
highlightColor: Color(0xFF47bee1),
scaffoldBackgroundColor: Color(0xFFf0f1f1)
),
// home: HomeScreen(),
home: TestScreen(),
);
}
}
class TestScreen extends StatefulWidget {
@override
_TestScreenState createState() => _TestScreenState();
}
class _TestScreenState extends State<TestScreen> {
@override
Widget build(BuildContext context) {
return Scaffold( …Run Code Online (Sandbox Code Playgroud)