gpt4 book ai didi

flutter - 如何禁用行为底部导航栏随键盘弹起而上升

转载 作者:行者123 更新时间:2023-12-03 04:42:26 25 4
gpt4 key购买 nike

在我的应用程序中,我有一个搜索页面,当我单击搜索文本字段时,底部导航栏也随键盘一起向上移动,应该隐藏在键盘下方。因为在显示键盘时,我可以导航到其他页面,这是不受欢迎的行为。
编码:

class _AppHomeViewState extends State<AppHomeView>
with TickerProviderStateMixin {

TabController tabController;

@override
void initState() {
super.initState();
tabController = TabController(length: 4, vsync: this, initialIndex: 0);
tabController.addListener(handleTabSelection);
}

@override
Widget build(BuildContext context) {
final scaffold = Scaffold(
body: SafeArea(child: _buildBody(context)),
bottomNavigationBar: Container(
height: 48,
decoration: BoxDecoration(
color: StyledColors.BACKGROUND_COLOR,
boxShadow: [
BoxShadow(
color: StyledColors.FORGROUND_COLOR.withOpacity(0.16),
blurRadius: 12,
offset: Offset(0, 0),
),
],
),
child: SafeArea(
child: _buildTabBar(context),
),
),
);
}

Widget _buildBody(BuildContext context) {
return TabBarView(
physics: NeverScrollableScrollPhysics(),
controller: tabController,
children: <Widget>[
HomeView(),
SearchView(),
OrdersView(),
ProfileView(),
],
);
}

Widget _buildTabBar(BuildContext context) {
return TabBar(
controller: tabController,
tabs: <Widget>[
Tab(
icon: Icon(
Icons.store,
size: 28,
),
),
Tab(
icon: Icon(
Icons.search,
size: 28,
),
),
Tab(
icon: Icon(
Icons.receipt,
size: 28,
),
),
Tab(
icon: Icon(
Icons.person,
size: 28,
),
)
],
indicatorColor: Colors.transparent,
unselectedLabelColor: StyledColors.MEDIUM_GREY,
labelColor: StyledColors.PRIMARY_COLOR,
);
}

void handleTabSelection() {
setState(() {});
}
}
Undesired behavior
当我单击搜索时,底部导航栏应位于键盘后面而不显示键盘,这应该是一种行为?

最佳答案

在脚手架小部件中设置resizeToAvoidBottomInset: false,

关于flutter - 如何禁用行为底部导航栏随键盘弹起而上升,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62972305/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com