Drawer仅适用于AppBar，但不适用于自定义应用程序栏
Drawer是一个常见的UI组件，用于创建侧边栏菜单。它通常与AppBar（应用程序栏）一起使用，提供了一种方便的方式来导航和管理应用程序的不同功能模块。
Drawer的主要特点和优势包括：
- 提供了一种直观的导航方式：通过在侧边栏中显示菜单项，用户可以快速访问应用程序的不同页面或功能。
- 节省屏幕空间：由于Drawer通常位于屏幕的侧边，它不会占用主要内容区域的空间，从而提供更多的可用空间来展示应用程序的内容。
- 可自定义性：Drawer可以根据应用程序的需求进行自定义，包括菜单项的样式、布局和交互方式等。
- 适用于各种应用场景：Drawer适用于各种类型的应用程序，包括管理后台、社交媒体应用、新闻阅读应用等。
在腾讯云的产品生态中，可以使用腾讯云的移动应用开发平台（https://cloud.tencent.com/product/maap）来开发支持Drawer的移动应用程序。该平台提供了丰富的移动应用开发工具和服务，包括前端开发框架、后端云函数、数据库、存储等，可以帮助开发者快速构建功能丰富的移动应用程序。
另外，腾讯云还提供了一系列与移动应用开发相关的产品和服务，如移动推送服务（https://cloud.tencent.com/product/tpns）、移动直播（https://cloud.tencent.com/product/mlvb）等，这些产品可以与Drawer结合使用，为移动应用程序提供更多的功能和增强用户体验。
总结：Drawer是一个常用的侧边栏菜单组件，适用于各种类型的应用程序。在腾讯云的移动应用开发平台中，开发者可以利用丰富的工具和服务来构建支持Drawer的移动应用程序，并结合其他腾讯云的产品和服务，为应用程序提供更多的功能和增强用户体验。
相关·内容
我正在建立一个小的网络应用程序使用的反应和材料-UI，我不知道如何使我的抽屉组件适合我的应用程序栏。使用工具，我可以在控制台中看到，我的组件正在获取classNames，但是不管我做了什么，我的样式都不会应用到它们上。目前，抽屉正在剪裁屏幕顶部的应用程序栏，占据整个页面的高度，而不是安装在应用程序栏下面。为了使我的“侧栏”组件适合于我的"Navbar“组件，我需要更改什么？我之所以将这两个组件创建为单独的组件，原因之一是我计划稍后向它们添加更多的功能。谢谢。
我一直在上跟踪“应用程序栏下的剪裁”组件演示，我还引用了
下面是我的代码片段
我的主应用程序
import React from
浏览 0提问于2019-06-03得票数 2
回答已采纳
我尝试过的一个解决方案是将Scaffold包装在一个自定义的AdScaffold小部件中，但它可以很好地处理所有UI，但不能很好地处理底部的工作表、FAB和快餐栏。 以下是AdScaffold的代码 // Imports Here
class AdScaffold extends StatelessWidget {
final Widget body;
final AppBar appBar;
final Widget floatingActionButton;
final FloatingActionButtonLocation floatingActionButtonL
浏览 21提问于2019-08-27得票数 0
2回答
我正试图获得clipped under the app bar风格的临时抽屉。但我似乎无法在临时抽屉上设置z指数。
material中的临时抽屉具有modal组件的z索引，这是1300，正如我在这里提出的问题中提到的。
因此，如果我使用文档中给出的将appbar zIndex设置为theme.zIndex.modal + 1的方法，我就可以获得“在应用程序栏下剪裁”的效果。但这也意味着我的appbar将高于我的模式。这不是我想要的。
所以，我想把我的临时抽屉设置为1250的z索引，我的appbar的z索引设置为1251，以获得预期的效果而不产生任何副作用。
我正在尝试设置zIndex和make
浏览 0提问于2020-09-11得票数 6
回答已采纳
1回答
我已经将Drawer添加到我的flutter应用程序中，但是在应用程序栏中没有显示菜单按钮来负责打开它。我知道我可以编程完成，但在正式文档中，它说应该自动添加，但它没有显示给我。
这是我的代码：
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.deepOrangeAccent,
automaticallyImplyLeading: false,
),
drawer: Drawe
浏览 5提问于2020-05-08得票数 0
回答已采纳
我正在试着创建一个抽屉..
我正在使用自定义的每件事，所以我创建了一个自定义脚手架，如以下代码：
import 'package:flutter/material.dart';
import 'package:ipet/constants/constants.dart';
class IPetCustomScaffold extends StatelessWidget {
final Widget body;
final PreferredSizeWidget iPetTopAppBar;
final PreferredSizeWidget iPe
浏览 12提问于2021-02-13得票数 1
回答已采纳
我需要在应用程序栏上的抽屉符号后面堆一个圆圈，但似乎没有办法通过在下面放置一个圆圈来调整样式，使其看起来像：image of imagined appbar 另一种选择是，我做一个符号，而不调用flutter的抽屉或appbar函数，这就是我目前正在做的事情，但我不知道如何从图标调用抽屉。image of what I have done and how I can call a drawer from using an icon and a container stacked
浏览 6提问于2021-09-03得票数 0
2回答
我正在尝试创建一个具有动态大小的可重用应用程序栏。我使用动态值来调整应用程序中图标、填充、文本字体大小等的大小，并希望对应用程序条大小进行相同的调整。下面的应用程序条形码可以动态地工作，并给出我希望使用MediaQuery的行为。
class SamplePage extends StatelessWidget {
const SamplePage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
final screenHeight = MediaQuery.of(
浏览 16提问于2022-03-27得票数 1
回答已采纳
appBar: AppBar(
elevation: 0.0,
title: Text(gazung),
backgroundColor: Color(0xffDBDDE0),
),
drawer: Drawer(
child: ListView(
children: [
DrawerHeader(
decoration: BoxDecoration(
color: Color(0xff9CA2B0),
浏览 13提问于2022-01-09得票数 -2
回答已采纳
我试图创建响应的侧栏使用反应材料设计，但无法找到一个方法来做它。
当侧边栏打开时，页面内容应该是响应的，侧边栏不应该覆盖在页面内容上。
它应该看起来像。
到目前为止，守则是：
import React from 'react';
import Drawer from 'material-ui/Drawer';
import AppBar from 'material-ui/AppBar';
import RaisedButton from 'material-ui/RaisedButton';
浏览 13提问于2017-05-06得票数 2
回答已采纳
3回答
我正在学习material-ui，方法是制作像这样的右导航菜单：或者至少像这样：
我正在使用Drawer来制作侧边栏，问题是当侧边栏被切换时，它会隐藏右侧的内容。我希望当我的侧边栏被切换时，它发生了，并将内容推到右侧，侧边栏和内容都有了自己的滚动条。下面是我当前的代码：
Sidebar.js：
import React from 'react';
import lightBaseTheme from 'material-ui/styles/baseThemes/lightBaseTheme';
import MuiThemeProvider from '
浏览 9提问于2016-10-05得票数 14
回答已采纳
2回答
新的反应。只是使用创建-反应-应用程序和材料用户界面，没有其他。来自一个角度的背景。
我无法从同级组件中通信来打开侧栏。我把每个部分都分成了他们自己的文件。我可以让标题中的“打开”按钮与父应用程序对话，但不能让父应用程序与子LeftSidebar通信。
报头组件
import React, {Component} from 'react';
import AppBar from 'material-ui/AppBar';
import IconButton from 'material-ui/IconButton';
import Navigat
浏览 3提问于2017-11-19得票数 3
回答已采纳
1回答
我使用了一个自定义的小部件来代替AppBar，但是在点击一个图标(代替了AppBar的主导属性)时，它并没有打开Drawer。 我如何才能做到这一点？我想从自定义应用程序栏打开抽屉。
浏览 10提问于2020-04-23得票数 0
回答已采纳
我目前在react中设置了一个带有react路由器和两个'page‘组件的应用程序。我还有一个导出到app.js文件中的应用程序栏，这样无论在路由器中呈现哪个页面，应用程序栏都是一致的。应用程序栏的高度是70px，但我希望将其设置为在呈现homepage.js组件时高度为128px，如果用户单击另一个页面，应用程序栏高度将返回到70px。
app.js代码：
function App () {
return (
<Router>
<ThemeProvider theme={theme}>
<CssBaseline/>
浏览 2提问于2020-05-04得票数 0
这是默认编码的navigation drawer activity，我找不到actionbardrawertoggle代码。我在appbar和drawertoggle图标下实现了搜索cardview，但是，navdrawer图标下的应用程序栏上并没有完全解决cardview。
浏览 17提问于2019-11-03得票数 0
我刚开始接触flutter，我不确定如何构建我的新App。
我有一个抽屉，可以显示不同的屏幕(在Android开发中是片段样式)，我想为每个屏幕更改AppBar (添加按钮，甚至将应用程序栏更改为sliverAppBar)，但我不知道如何实现。
class Main extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: &#
浏览 1提问于2019-02-06得票数 2
我有一个问题，如果我点击一个菜单项或覆盖，我似乎无法确定我的应用程序栏的LeftDrawer在哪里不能关闭(不确定这是否是一个选项，或者是否可以使用react组件)。理想情况下，我希望两个选项都能关闭抽屉。提前感谢您花时间看这篇文章！
这是我的导航栏类，我使用它来打开LeftDrawer：
// Dependencies
import React from 'react';
//Comonents
import LeftDrawer from './left-drawer.jsx';
// Styles
import './nav-bar.scss&
浏览 0提问于2017-06-04得票数 10
回答已采纳
当导航栏打开时，我想让抽屉消失在导航栏后面。目前，抽屉覆盖在导航栏上。我试图在我的“样式”中使用z-index来改变它，但显然它不起作用(见截图)。我将导航栏的z索引设置为高于抽屉的z索引。
你能找出我的错误吗？
下面是drawer.js：
import React from "react";
import clsx from "clsx";
import { makeStyles, useTheme } from "@material-ui/core/styles";
import Drawer from "@material-ui/c
浏览 1提问于2020-08-24得票数 0
我正在创建一个flutter web应用程序，我在页面顶部有一些选项，如关于，联系。我的问题是，我想要显示这些选项在应用程序栏时，显示在大屏幕和手机，我想把它放在抽屉里。我使用下面的代码实现它，但是抽屉图标总是出现在大屏幕和小屏幕上。我不想把它放在大屏幕上。 import 'package:flutter/material.dart';
class HomePage extends StatelessWidget {
const HomePage({Key? key}) : super(key: key);
@override
Widget build(Bui
浏览 32提问于2021-06-24得票数 1
我目前正在使用material-ui react库，并复制了响应式抽屉组件示例。
有没有可能将侧边栏和标题分离到一个单独的组件中，并使用侧边栏组件中设置的classes.content样式调用侧边栏函数和main部分中我自己的主要内容
<main className={classes.content}> <Typography noWrap>{'You think water moves fast? You should see ice.'} </Typography> </main>
例如，我的home函数想要使用
浏览 2提问于2017-12-11得票数 1
回答已采纳
2回答
我已经实现了导航抽屉。抽屉覆盖了应用程序栏，但我需要的是它不应该覆盖应用程序栏，导航抽屉应该从应用程序栏的底部开始。我已经实现了将列表磁贴带到底部，但我需要整个导航抽屉在应用程序栏/工具栏的底部
我附上了下面的截图供参考。
import 'package:flutter/material.dart';
import 'package:navigationdrawer/second_fragment.dart';
import 'package:navigationdrawer/third_fragment.dart';
import '
浏览 9提问于2019-08-22得票数 2
对于我现有的应用程序，我想做以下修改：
默认情况下，工具栏/Appbar是可见的。FrameLayout的内容从工具栏下面开始。因此，Framelayout的任何内容都不包括在工具栏中。
在用户操作上，例如双击，工具栏/Appbar应该会崩溃。Framelayout应该延伸到页面的顶部。
在滚动Framelayout的内容时不需要折叠工具栏/Appbar。
我怎么才能有这种行为？到目前为止，我还面临以下问题:当我滚动时，工具栏/Appbar会崩溃，而FrameLayout的2部分将由工具栏/Appbar覆盖。
这是我的密码：
<?xml version="1.
浏览 0提问于2019-08-03得票数 4
回答已采纳
需要将工具栏放在位于中间的appbbar顶部。
工具栏在appbar标记中。我需要工具栏在中间和上面的应用程序栏，就像在图片中。该怎么做呢？
<template>
<v-app>
<v-app-bar app color="primary" dark prominent>
<v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
<v-toolbar-title>ГринК
浏览 7提问于2019-11-14得票数 1
回答已采纳
我有一个使用StrictMode的基于钩子(无类)的简单ReactJS应用程序。
我使用的是React版本16.13.1和Material-UI版本4.9.10。
在应用程序栏中，我正在使用抽屉。
<div className={classes.root}>
<AppBar position="static">
<Toolbar>
<IconButton
edge="start"
浏览 26提问于2020-04-15得票数 132
1回答
我一直在遵循的指南，希望使用抽屉制作一个简单的组件。下面是官方文档中指定如何创建组件的代码。
import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui/styles';
import Drawer from 'material-ui/Drawer';
import AppBar from 'material-ui/AppBar';
import Toolbar from
浏览 3提问于2017-10-04得票数 0
回答已采纳
当我的应用程序启动时，一些数据会加载到后台，我不希望用户在那个时候点击Drawer图标，所以我做了这样的事情。
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Title'),
),
drawer: _isLoading ? null : HomeDrawer(),
body: _isLoading ? CircularProgressIndicator() : _body(),
);
}
浏览 0提问于2019-04-07得票数 0
回答已采纳
我正在尝试导出带样式的AppBar，这是我的代码 import * as React from 'react';
import { styled, useTheme } from '@mui/material/styles';
import MuiAppBar from '@mui/material/AppBar';
import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography';
imp
浏览 101提问于2021-10-13得票数 0
回答已采纳
1回答
我正在尝试加载一个svg作为应用程序栏的背景图像。但是没有显示出来。虽然应用程序栏中的图像组件可以工作，但通常在模板中使用时，图像也会工作，因为它不会在背景中显示src： <v-app-bar :clipped-left="$vuetify.breakpoint.lgAndUp" app src="~assets/background.svg">
<img src="~assets/background.svg" />
<template v-slot:img="{ props }
浏览 75提问于2020-05-02得票数 0
1回答
在AppBar元素中呈现抽屉
、、、、
我创建了一个容器来限制我的应用程序的宽度为600px(sm)，但当我这样做时，抽屉就坏了。它不是在容器页面端呈现，而是在appBar中呈现。 当宽度超过600px (页面限制)时，抽屉在appBar (picture incorrect)内呈现。当页面小于600px时，它会正确呈现(picture correct)。 我使用material-ui组件，应用程序栏定位为绝对，因为我是在滚动事件上实现的。要集中使用应用程序栏，请执行以下操作： maxWidth: 600,
[theme.breakpoints.up("sm")]: {
left: &#
浏览 24提问于2020-08-21得票数 1
import 'package:flutter/material.dart';
import 'package:flutter_1/widgets/drawer.dart';
class Homepage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
drawer: const Mydrawer(),
appBar: AppBar(
title: const Text(
浏览 7提问于2022-09-16得票数 -1
当发生更改时，我想创建一个响应性的应用程序栏，而不需要对整个脚手架进行setState。问题是，我可以将BottomNavigationBar小部件设置为脚手架的bottomNavigationBar，但不能将AppBar设置为appBar。我知道这个错误
参数类型'TopBar‘不能分配给参数类型'PreferredSizeWidget’
我已经用State的唯一部分简化了代码。
class StateLayoutNav extends State<LayoutNav>{
@override
Widget build(BuildContext
浏览 2提问于2022-06-02得票数 0
回答已采纳
我的应用程序使用Drawer通过endDrawer:呈现一个项目属性检查器。
出现Drawer，然后单击项。当属性检查器执行其保存操作时，它将消失。
因此，没有必要通过点击应用程序栏中的抽屉图标按钮让Drawer进来。
如果设置了endDrawer，导航箭头就不会出现，但空间会被占用：
如果未设置endDrawer，则后箭头将获得其空间：
如何告诉Scaffold Drawer ，准备一个通过 drawer: 或 endDrawer:**，传递的，但不要在应用程序栏中插入相关的图标按钮？**
浏览 1提问于2022-07-17得票数 0
回答已采纳
2回答
我尝试用<Link“ListItem封装我的/create>组件，但它不起作用，我也尝试使用历史选项，但这让我感到困惑。
codesandbox.io/s/funny-einstein-deuqhi?file=/src/App.js
这是我的sidebar.js (如果没有所有的导入和混合和协调的创建，在应用程序栏上链接到我的createsite works，我希望我的侧边栏标题也是如此。)我希望我的语言与文本。“添加-做”链接到"\create“页面)：
const openedMixin = (theme) => (...);
const closedMixin
浏览 9提问于2022-05-14得票数 1
回答已采纳
1回答
当用户退出抽屉时，我想将焦点返回到TextField。在这里的示例应用程序(从中略作修改)中，有一个具有焦点的TextField。打开抽屉，然后按一下它旁边的按钮，就会关闭抽屉，但对TextField的关注已经消失。
如何将焦点返回到TextField？
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
final appTitle = 'Drawer Demo';
@ove
浏览 0提问于2019-08-22得票数 3
回答已采纳
我正在创建一个具有AppBar (+ ToolBar)和Drawer的单页面应用程序(基于Material-UI)。目前，Drawer与AppBar重叠，在任何情况下我都不能让Drawer下移，所以它基本上就在AppBar的正下方。
我尝试添加一些填充，但这不起任何作用。我正在使用makeStyles来设置大多数组件的样式，我想知道是否可以将Drawer定位在AppBar之下。
有没有办法把抽屉放在AppBar下面？
我有很多代码，但makeStyle函数很简单：
const useStyles = makeStyles((theme) => ({
root: {
displ
浏览 0提问于2021-10-05得票数 1
打开侧边栏时，主内容卷轴不起作用。此外，一些字段，如select选项，搜索栏不工作时，侧边栏是打开。我已经增加了主要内容的路线，它是从哪里装载。当侧抽屉关闭时，上面列出的卷轴功能工作良好.我是相对较新的材料ui +反应，并试图解决一些提示从其他来源，但我被困在这很长一段时间。
<>
<Box sx={{ display: "flex" }}>
<AppBar
sx={{ backgroundColor: "rgb(19, 71, 129)" }}
positio
浏览 7提问于2022-04-25得票数 0
我正在尝试将dahsboard的组件拆分成更小的组件。但是，所有组件都依赖于drawerWidth。我的第一个想法是让drawerWidth进入状态，这样我就可以将它向下传递到每个组件中。但是，变量样式取决于drawerWidth。在学习material-ui文档和参考项目时，样式总是在类之外。 我尝试在类中移动这两个变量，并通过类的引用将函数传递给withStyle，但也失败了。页面的css关闭了，我收到一个警告，说我向withStyles传递了一个无效的函数。它看起来像下面这样。 export default withStyles(DashboardLayout.styles)(Dash
浏览 21提问于2019-02-23得票数 2
回答已采纳
1回答
当在flutter中使用flutter的内置脚手架/应用程序栏时，当使用导航器推送新路线时，应用程序栏上仍会显示一个后退按钮，浏览器中的url也不会改变。这意味着浏览器的后退按钮不工作，这是一个非常奇怪的用户体验。有没有办法绕过这个问题？ 我已经尝试了用许多不同的方式来推送路由(pushReplacement去掉了后退按钮，但浏览器的后退按钮仍然不起作用) HomeScreen.dart @override
State<StatefulWidget> createState() {
return HomeScreenState();
}
}
class Ho
浏览 8提问于2019-09-24得票数 3
回答已采纳
1回答
这是我目前使用的布局：
生成此代码的xml文件如下所示：
<android.support.v4.widget.DrawerLayout
android:id="@+id/drawer_layout"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
&l
浏览 3提问于2015-08-06得票数 1
我希望创建一个自定义的酒吧应用程序，如下图所示 Image - custom bar app I want 但是，我无法将菜单抽屉的底部保留为白色，也无法将文本向左对齐，结果如下所示 Image - my custom app bar 我的代码 return Scaffold(
appBar: AppBar(
actions: <Widget>[
Stack(
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.
浏览 21提问于2020-04-17得票数 0
我试图学习新的小部件颤振和卡在使用条条。我使用的标签条和抽屉布局在标签栏和在一个选项卡，我试图实现银应用程序条，但银应用程序条是复制相同的抽屉布局，我在制表栏。怎么解决这个问题？
这是选项卡条实现。
@override
Widget build(BuildContext context) {
// TODO: implement build
return MaterialApp(
home: DefaultTabController(length: 3,
child: Scaffold(
appBar: AppBar(
title:
浏览 2提问于2019-05-30得票数 4
我在我的应用程序中使用了com.google.android.material.appbar.AppBarLayout和androidx.appcompat.widget.Toolbar，在安卓8中它工作得很好，但我遇到了一个问题，在安卓7(API24和API25)中，“汉堡”菜单图标和“后退”图标只是显示为一个白块，尽管其他菜单图标显示正确。
汉堡包图标显示的位置。
以及后退按钮的外观。
我的应用程序栏布局：
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/a
浏览 0提问于2019-06-13得票数 3
1回答
我遵循了关于如何创建底部导航条的教程，除了我不知道如何适当地添加一个抽屉这一事实外，它非常有用。
目前，我的代码如下所示，用于保存导航栏的屏幕：
Widget build(BuildContext context) {
return WillPopScope(
onWillPop: () async =>
!await navigatorKeys[currentTab].currentState.maybePop(),
child: Scaffold(
body: Stack(children: <Widget&g
浏览 10提问于2022-08-03得票数 1
我是新来的。我试图创建一个主屏幕，其中有浮动动作按钮(FAB)底部栏。该工厂停靠在底部应用程序栏的中心。同时，底部的应用程序条有4个底部导航项。目前，所有的项目并不是完全对齐彼此。搜索和通知图标离中心太近了。有什么办法可以让它更好、更完美地排列吗？请帮帮忙。谢谢
当前ui：
守则：
import 'package:flutter/material.dart';
class Dashboard extends StatefulWidget {
_DashboardState createState() => _DashboardState();
}
cla
浏览 2提问于2019-06-05得票数 5
回答已采纳
4回答
我试图将我的应用程序栏和抽屉提取到一个单独的无状态小部件(elrDrawer.dart)中。但是当我点击汉堡包图标(在startUp.dart中)时，抽屉就会在身体后面打开。有人能告诉我为什么会发生这种事吗?如何解决？感谢你的帮助
class Startup extends StatefulWidget {
@override
_StartupState createState() => _StartupState();
}
class _StartupState extends State<Startup> {
@override
Widget build
浏览 9提问于2021-07-15得票数 0
回答已采纳
在协调器布局中向上/向下滚动时，我想隐藏/显示选项卡栏(而不是操作栏)。我已经尝试实现了用于action bar的相同技术，但效果不佳
下面是我的xml代码片段
<android.support.design.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayo
浏览 0提问于2016-06-02得票数 0
1回答
我有一个主要的dart类，应用程序栏位于其中，应用程序栏包含一个刷新按钮。我正在使用导航抽屉来填充另外两个视图f1和f2。
在我的main.dart中，如何将刷新按钮单击传递给子片段种类f1.dart，以便刷新f1.dart上的内容
// State of Main
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
drawer: Drawer(
child:
浏览 1提问于2018-12-05得票数 9
回答已采纳
在我的MaterialApp中，我使用了属性theme和darkTheme，这样当用户切换他们的全局设备主题时，它就可以利用它了。然而，我遇到了一个问题，当用户切换主题时，状态栏和导航栏不会更改。我使用的是路由系统，所以我的home属性中没有任何内容，我只有一个initialRoute。 我在初始路由页面中有如下代码： class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Builder(builder: (BuildContext cont
浏览 17提问于2019-10-17得票数 0
1回答
最近我在跟踪一个男人的并完成它。
然后我看到代码"appBar“使用的是类。这与我发现的任何教程都不一样，所以我修改了类以添加它的工作状态良好的sidebar(drawer)，，但是有一个问题。
侧边栏在底层，车身在二楼。你会理解下面的截图
这是主屏幕代码：
class HomeScreen extends StatefulWidget {
@override
_HomeScreenState createState() => _HomeScreenState();
}
class _HomeScreenState extends State<HomeScre
浏览 2提问于2020-08-03得票数 1
回答已采纳
2回答
在抽屉导航器工具栏中向右移动图标
、、、、
我正在编辑材料UI的抽屉导航器示例代码。我在工具栏中添加了一个通知图标和一个带有管理面板字体的结帐图标。
结账图标朝向右端，但由于某种原因，通知图标只是卡在中间。我该怎么解决这个问题呢？
Drawer.tsx：
const drawerWidth = 240;
const useStyles = makeStyles((theme: Theme) =>
createStyles({
root: {
display: 'flex',
},
appBar: {
width: `calc(100% - ${drawerWid
浏览 11提问于2020-02-13得票数 1
回答已采纳
3回答
UI状态不更新
、、、
我是新的反应，并试图建立一个简单的AppBar抽屉使用材料用户界面。
应用程序和抽屉的实现似乎是正确的，但由于某种原因，当单击切换按钮时，没有更新抽屉状态。
我跟踪了资料用户界面中的引用，并做出了反应，所以我不确定发生了什么。下面是组件的代码：
import React, { Component } from 'react'
import { Link } from 'react-router'
import AppBar from 'material-ui/AppBar';
import Drawer from 'mat
浏览 1提问于2016-06-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
