Flutter 在中使用部分选项卡视图和软键盘编辑颤振中的文本
我有一个屏幕,内容的下半部分被包装在一个TabBarView中,而上半部分保持不变。我希望能够编辑下半部分的文本,但软键盘不会调整整个页面的大小——它只会占用TabBarView的空间 我的代码如下所示:Flutter 在中使用部分选项卡视图和软键盘编辑颤振中的文本,flutter,flutter-layout,Flutter,Flutter Layout,我有一个屏幕,内容的下半部分被包装在一个TabBarView中,而上半部分保持不变。我希望能够编辑下半部分的文本,但软键盘不会调整整个页面的大小——它只会占用TabBarView的空间 我的代码如下所示: return DefaultTabController( length: 3, child: Scaffold( appBar: AppBar( centerTitle: true, title: Text( 'Edit Profil
return DefaultTabController(
length: 3,
child: Scaffold(
appBar: AppBar(
centerTitle: true,
title: Text(
'Edit Profile',
),
),
//major column
body: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
children: [
SizedBox(height: 20),
UserInfo()
TabBar(
labelPadding: EdgeInsets.zero,
labelColor: Colors.black,
tabs: [
Tab(text: 'INFO'),
Tab(text: 'BIO'),
Tab(text: 'ACCOUNT'),
],
),
Expanded(
//All tab view content
child: TabBarView(
children: [
Info(),
Bio(),
Account(),
],
),
),
),
);
我认为您可以将其包装在SingleChildScrollView中:
SingleChildScrollView(
child:
body: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
children: [
SizedBox(height: 20),
UserInfo()
TabBar(
labelPadding: EdgeInsets.zero,
labelColor: Colors.black,
tabs: [
Tab(text: 'INFO'),
Tab(text: 'BIO'),
Tab(text: 'ACCOUNT'),
],
),
Expanded(
//All tab view content
child: TabBarView(
children: [
Info(),
Bio(),
Account(),
],
),
),
)
也可以将UserInfo()包装在展开的
Expanded(
child: UserInfo()
),
嘿@Yechi你得到答案了吗?是的,它有效!谢谢最后一个问题,您知道如何强制它调整顶部而不是底部的大小吗?我可以通过在展开和SingleChildScrollView中包装上半部分来实现