如何洗掉 CupertinoNavigationBar 底部的灰色條？我嘗試更改導航欄的背景顏色，但它似乎對灰色欄沒有任何影響。我可以將其更改為透明或與容器的背景顏色匹配，但灰色條仍然可見。
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
class ModalFitCreate extends StatelessWidget {
const ModalFitCreate({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Material(
child: SafeArea(
top: false,
child: Container(
color: const Color(0xFFF5F5F5),
child: Column(
children: [
CupertinoNavigationBar(
backgroundColor: Colors.transparent,
automaticallyImplyLeading: false,
leading: TextButton(
style: ButtonStyle(
overlayColor: MaterialStateProperty.all(Colors.transparent),
),
onPressed: () {
Navigator.pop(context);
},
child: const Text(
'Cancel',
style: TextStyle(
fontSize: 16,
)
)
),
middle: const Text(
'New Event',
style: TextStyle(
fontSize: 16,
)
),
trailing: TextButton(
style: ButtonStyle(
overlayColor: MaterialStateProperty.all(Colors.transparent),
),
onPressed: () {},
child: const Text(
'Add',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
)
)
),
),
],
)
)
));
}
}
uj5u.com熱心網友回復：
導航欄的邊框。默認情況下呈現單個像素的底部邊框。如果邊框為空，導航欄將不顯示邊框。
因此，只需在 CupertinoNavigationBar 邊框下添加一個新屬性并將其設為無。
border: const Border(bottom: BorderSide.none), / border: null,
uj5u.com熱心網友回復：
我認為灰色條是為了使外觀與 iOS 供應商小部件相匹配。如果你不想這樣，你總是可以從頭開始建立一個導航欄。您控制每個像素。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/524565.html
標籤：扑镖