Flutter 如何使用我的整个应用程序在TabBarView中创建可滚动内容?
我在SingleChildScrollView中创建了选项卡栏。。问题是我想用我的整个应用程序在TabBarView中创建可滚动内容,而不是只在TabBarView中滚动内容,我尝试了ListView.Builder和NestedScrollView,但没有使用。。有什么解决办法吗 这是我的代码:Flutter 如何使用我的整个应用程序在TabBarView中创建可滚动内容?,flutter,dart,flutter-layout,flutter-dependencies,Flutter,Dart,Flutter Layout,Flutter Dependencies,我在SingleChildScrollView中创建了选项卡栏。。问题是我想用我的整个应用程序在TabBarView中创建可滚动内容,而不是只在TabBarView中滚动内容,我尝试了ListView.Builder和NestedScrollView,但没有使用。。有什么解决办法吗 这是我的代码: class TwitterTabBare extends StatefulWidget { @override _TwitterTabBareState createState() =>
class TwitterTabBare extends StatefulWidget {
@override
_TwitterTabBareState createState() => _TwitterTabBareState();
}
class _TwitterTabBareState extends State<TwitterTabBare>
with SingleTickerProviderStateMixin {
TabController _tabController;
@override
void initState() {
super.initState();
_tabController = TabController(length: 4, vsync: this);
}
@override
Widget build(BuildContext context) {
double screenHeight = MediaQuery.of(context).size.height;
return column(
children: <Widget>[
TabBar(
controller: _tabController,
labelColor: Colors.blue,
unselectedLabelColor: Colors.grey[700],
tabs: <Widget>[
Tab(
text: 'Tweets',
),
Tab(
text: 'Replies',
),
Tab(
text: 'Media',
),
Tab(
text: 'Tweets',
),
],
),
Container(
constraints: BoxConstraints.expand(height: 300),
child: TabBarView(
controller: _tabController,
children: <Widget>[
// CardPage(),
Column(
mainAxisSize: MainAxisSize.max,
children: <Widget>[
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
Text('Tweets & replies'),
],
),
Text('Replies'),
Text('Media'),
Text('Likes'),
],
),
),
],
);
}
}
类TwitterTabBare扩展StatefulWidget{
@凌驾
_TwitterTabberState createState()=>_TwitterTabberState();
}
类_TwitterTabBareState扩展状态
使用SingleTickerProviderStateMixin{
TabController\u TabController;
@凌驾
void initState(){
super.initState();
_tabController=tabController(长度:4,vsync:this);
}
@凌驾
小部件构建(构建上下文){
double screenHeight=MediaQuery.of(context).size.height;
返回列(
儿童:[
塔巴(
控制器:\ tab控制器,
labelColor:Colors.blue,
未选择的标签颜色:颜色。灰色[700],
选项卡:[
标签(
文字:“推特”,
),
标签(
正文:“答复”,
),
标签(
文字:“媒体”,
),
标签(
文字:“推特”,
),
],
),
容器(
约束:BoxConstraints.expand(高度:300),
子项:选项卡视图(
控制器:\ tab控制器,
儿童:[
//CardPage(),
纵队(
mainAxisSize:mainAxisSize.max,
儿童:[
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
文本(“推特和回复”),
],
),
文本(“答复”),
文本(“媒体”),
文本('Likes'),
],
),
),
],
);
}
}
试试这种方法: