小编Pra*_*hra的帖子

点击菜单图标时抽屉抖动

我目前正在尝试抽屉小部件。我构建了一个带有汉堡菜单图标、标题文本和搜索图标的应用栏。这是我的代码:`

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)

flutter flutter-layout

5
推荐指数
1
解决办法
4059
查看次数

颤动底部导航栏

我正在尝试使用颤振的底部导航栏。再次,颤振非常新。我可以使用自定义 svg 图标而不是底部导航栏项中颤振材料提供的图标吗?如果你能用代码片段帮助我,那就太棒了。

我现在正在使用这种类型的导航栏。在此处输入图像描述。我有这些自定义图标,但我不知道如何使用它们。

mobile-development flutter flutter-layout

2
推荐指数
1
解决办法
2742
查看次数

颤振模态底部片材全高

我正在尝试使用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)

flutter flutter-layout

2
推荐指数
1
解决办法
1万
查看次数