我想在底部导航栏中应用高程。我尝试了海拔属性,但它不起作用。 Elevation 属性具有非常微不足道的阴影效果。但根据我的设计,我想要更高的海拔。
我想要以下输出...
'
import 'package:flutter/material.dart';
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Text('Sample App'),
),
bottomNavigationBar: BottomNavigationBar(
elevation: 10,
items: [
BottomNavigationBarItem(
icon: Icon(Icons.ac_unit),
title: Text('Test')
),
BottomNavigationBarItem(
icon: Icon(Icons.access_alarm),
title: Text('Test')
),
BottomNavigationBarItem(
icon: Icon(Icons.access_alarm),
title: Text('Test'),
),
],
),
);
}
}
最佳答案
我知道这似乎不是解决此问题的最佳解决方案,但您可以将底部导航栏包裹在容器内,然后在其上应用 BoxDecoration。
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Text('Sample App'),
),
bottomNavigationBar: Container(
decoration: BoxDecoration(
boxShadow: <BoxShadow>[
BoxShadow(
color: Colors.black,
blurRadius: 10,
),
],
),
child: BottomNavigationBar(
elevation: 10,
items: [
BottomNavigationBarItem(
icon: Icon(Icons.ac_unit),
title: Text('Test'),
),
BottomNavigationBarItem(
icon: Icon(Icons.access_alarm),
title: Text('Test'),
),
BottomNavigationBarItem(
icon: Icon(Icons.access_alarm),
title: Text('Test'),
),
],
),
),
);
}
}
我希望有人为这个问题提供更好的解决方案。
关于flutter - 如何在 flutter 的底部导航栏中应用高程?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61934827/