我目前正在尝试抽屉小部件。我构建了一个带有汉堡菜单图标、标题文本和搜索图标的应用栏。这是我的代码:`
import 'package:flutter/material.dart';
import 'package:hexcolor/hexcolor.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
appBar: PreferredSize(
child: Container(
color: Colors.white,
padding:
EdgeInsets.only(left: 10, right: 10, top: 10, bottom: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Icon(Icons.menu),
Text(
'Appbar',
style: TextStyle(fontWeight: …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用颤振的底部导航栏。再次,颤振非常新。我可以使用自定义 svg 图标而不是底部导航栏项中颤振材料提供的图标吗?如果你能用代码片段帮助我,那就太棒了。
我现在正在使用这种类型的导航栏。在此处输入图像描述。我有这些自定义图标,但我不知道如何使用它们。
我正在尝试使用ModalBottomSheet. 如何实现模态表的设备屏幕尺寸的 90% 高度。我做了 mediaquery 但它仍然没有给我超过一半的屏幕尺寸。我该如何解决这个问题?
这是代码:
class _TestFileState extends State<TestFile> {
modalSheet() {
showModalBottomSheet(
context: context,
backgroundColor: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(15.0), topRight: Radius.circular(15.0)),
),
builder: (context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.max,
children: <Widget>[
ListTile(
leading: Icon(Icons.email),
title: Text('Send email'),
onTap: () {
print('Send email');
},
),
ListTile(
leading: Icon(Icons.phone),
title: Text('Call phone'),
onTap: () {
print('Call phone');
},
),
],
);
});
}
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold( …Run Code Online (Sandbox Code Playgroud)