🙋As shown in the screenshot, using both bottomNavigationBar and resizeToAvoidBottomInset simultaneously results in
this issue. Here is my code👇
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MainScreen(),
);
}
}
class MainScreen extends StatelessWidget {
final List<Widget> _pages = [
Navigator(
onGenerateRoute: (RouteSettings settings) {
return MaterialPageRoute(
builder: (context) => HomePage(),
);
},
),
SizedBox(),
];
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
body: IndexedStack(index: 0, children: _pages),
bottomNavigationBar: BottomNavigationBar(
items: const <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(Icons.home),
label: 'Home',
),
BottomNavigationBarItem(
icon: Icon(Icons.search),
label: 'Search',
),
],
),
);
}
}
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Home Page'),
),
body: Center(
child: ElevatedButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => DetailPage()),
);
},
child: Text('Go to Detail Page'),
),
),
);
}
}
class DetailPage extends StatelessWidget {
final _focusNodeName = FocusNode();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Detail Page'),
),
body: Padding(
padding: const EdgeInsets.only(top: 15.0, left: 15.0, right: 15.0),
child: Center(
child: Theme(
data: Theme.of(context).copyWith(
disabledColor: Colors.blue,
iconTheme: IconTheme.of(context).copyWith(
color: Colors.red,
size: 35,
),
),
child: KeyboardActions(
tapOutsideBehavior: TapOutsideBehavior.opaqueDismiss,
config: KeyboardActionsConfig(
keyboardSeparatorColor: Colors.purple,
actions: [
KeyboardActionsItem(
focusNode: _focusNodeName,
),
],
),
child: ListView(
children: [
SizedBox(
height: 40,
child: FlutterLogo(),
),
TextField(
focusNode: _focusNodeName,
decoration: InputDecoration(
labelText: "Product Name",
),
),
],
),
),
),
),
),
);
}
}
🫰Although there are some minor issues, this is still a great library. Thank you for your effort 🙏
🙋As shown in the screenshot, using both bottomNavigationBar and resizeToAvoidBottomInset simultaneously results in
this issue. Here is my code👇
🫰Although there are some minor issues, this is still a great library. Thank you for your effort 🙏