工具栏中图标和标题之间的填充/空间(Android 24)。
使用新的Android 24,我发现Toolbar上的图标和标题具有更宽的填充,我找不到任何解决此问题的方法. 示例: mainActivity.java: public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); getSupportActionBar().setTitle("Te
4 2023-05-16
编程技术问答社区
Flutter:在滚动检测中隐藏和显示应用栏
我在App Bar Animation上遇到麻烦,我在应用程序中使用SilverAppBar.因此,问题是当我处于列表的中间,然后滚动时,App Bar不会出现,但是当滚动到达项目列表的顶部时,就会出现.我已经测试了snap参数并给出true,但没有我期望的结果.我有关于为此创建自定义动画的想法,但是我在扑朔迷离中不太经验,而且如果有一种添加参数的方法,或者还有其他可以适合我的情况的小部件,那将是很棒的. 我正在使用的演示的实际代码: Widget _search() => Container( color: Colors.grey[400], child: SafeArea( child: Container( child: Padding( padding: const EdgeInsets.all(8.0), child: TextField(
4 2023-04-21
编程技术问答社区
根据BottomNavigationBar的页面改变AppBar的标题
我正在尝试根据用户打开的页面来更改APPBAR标题 - 页面由底部纳维式键控制,该页面加载不同的类(页面) 我设法改变这一点的唯一方法是包括每个页面的Appbar,我认为这不是继续的方式. class HomePage extends StatefulWidget { final String title; HomePage({Key key, this.auth, this.userId, this.onSignedOut, this.title}) : super(key: key); final BaseAuth auth; final VoidCallback onSignedOut; final String userId; @override State createState() => new _HomePageState(); } class _HomePageState exte
6 2023-04-21
编程技术问答社区
如何用Flutter在我的应用栏中构建一个可水平滚动的日历?
这就是我现在的样子. 我找不到任何插件或构建此特定类型的小部件的任何方法.我一直在遇到麻烦,所以您的帮助将非常感谢. import 'package:flutter/material.dart'; import 'package:healthonify_mobile/constants/text_styles.dart'; import 'package:healthonify_mobile/widgets/cards/add_workout.dart'; import 'package:healthonify_mobile/widgets/cards/average_calories_burnt.dart'; import 'package:healthonify_mobile/widgets/cards/reminder_card.dart'; import 'package:healthonify_mobile/widgets/cards/steps_card.dart
14 2023-04-21
编程技术问答社区
如何在Flutter中获得AppBar的高度
如何获得 appbar的高度 flutter? 我正在使用marialapp小部件('wappard:flutter/材料.dart'). 我有上下文的高度,想扣除Appbar的高度. final double height = MediaQuery.of(context).size.height; 解决方案 我认为这不是一种理想的方式,但它会起作用. 首先声明您将在Scaffold中使用的AppBar. Widget demoPage() { AppBar appBar = AppBar( title: Text('Demo'), ); return Scaffold( appBar: appBar, body: /* page body */, ); } 现在您可以使用其preferredSized appBar获得高度: double height = appBar.preferred
2 2023-04-21
编程技术问答社区
如何解决Appbar图标被点击导航的问题
我尝试开发颤音应用程序.在此应用程序中,我将Appbar与用户图标一起导航另一页. 现在我被单击该图标(人图标)显示错误. . 它没有互联网没有适当的文档.我找不到答案.我的源代码是 class MyAppState extends State { @override Widget build(BuildContext context) { return new MaterialApp( home: new Scaffold( appBar: new AppBar( title: new Text("Web Issue finder"), actions: [ new IconButton( icon: Icon(Icons.person), //
0 2023-04-20
编程技术问答社区
如何制作可重复使用的HTML导航菜单?
我敢肯定这个话题一直都出现, 但是我似乎无法很好地答案. 我有一个垂直菜单栏,我想在网页中重复使用(> 20). Menu Bar在HTML中编码,并用途:UL, LI, A, 标签和CSS.我们需要这个: 可重复使用 可维护 可伸缩 因此,我们不必每次添加页面时都要修改所有页面. 如果可能的话,我们宁愿避免使用编码方法.我们只能根据需要编辑的一个主文件生活.由于我们使用CSS和 s,所以我认为框架不适合我们.我们该怎么办? 解决方案 服务器端包括您不想使用编程语言的方法. 他们采用此形式: 并将在将标签放入HTML的任何位置中插入页面中.它需要服务器端解析,因此您的Web服务器必须具有启用服务器端.您可以尝试一下,如果它不起作用,请联系您的服务器主机,以查看是否可以启用它们.如果是apache,则有一个启用它们的方法好. 其他解决方案
2 2023-04-20
编程技术问答社区
翩翩起舞,删除应用栏上的返回按钮
我想知道,当您使用Navigator.pushNamed>转到另一个页面时,是否有人知道某种方法可以删除appBar上显示在appBar上的后退按钮.我不希望它在此结果页面上不希望它来自导航,我希望用户使用logout按钮,以便会话重新开始. 解决方案 您可以通过将空new Container()传递为 leading 参与您的 AppBar . 如果您发现自己这样做,则可能不希望用户按下设备的后退按钮以返回较早的路线.而不是致电pushNamed,请尝试致电功能pushReplacementNamed将删除背面中的先前路由,然后用新路线替换. 后者的完整代码样本在下面. import 'package:flutter/material.dart'; class LogoutPage extends StatelessWidget { @override Widget build(BuildContext context) { return n
0 2023-04-20
编程技术问答社区
在Flutter中使用图标的下拉列表
我想在flutter中以特定图标实现下拉列表,并在Appbar中在其上应用GestureDetector.它的代码是 AppBar( actions: [ Padding( padding: const EdgeInsets.fromLTRB(4.0, 4.0, 0, 4.0), child: Image.network( "Some Image Url"), ), GestureDetector( onTap: () { // I want to implement the Dropdown List here. }, child: Padding( padding: const EdgeInsets.all(0.0), child: Icon(Icons.arrow_dro
18 2023-04-18
编程技术问答社区
如何创建一个自定义的AppBar小部件?
我是新手的颤抖.我正在尝试创建一个自定义的Appbar小部件并在页面中导入小部件. ,但我无法创建小部件. import 'package:flutter/material.dart'; class AppBar extends StatelessWidget{ @override Widget build(BuildContext context){ return AppBar( title: Text('Ordering'), actions: [ IconButton( onPressed: _incrementCounter, icon: Icon(Icons.add), ), BadgeIconButton( itemCount: _counter, badgeColor: Color.fromRGBO(37, 134, 16, 1.0), ba
4 2023-04-13
编程技术问答社区
渐变背景下的Flutter AppBar
如何将theappbar的backgroundColor设置为梯度? 解决方案 我不相信您可以将梯度传递给Appbar,因为它期望具有颜色而不是梯度. 但是,您可以创建自己的小部件,该小部件模仿Appbar,除非使用渐变. 看看这个示例,我已经从 import "package:flutter/material.dart"; class Page extends StatelessWidget { @override Widget build(BuildContext context) { return Column(children : [GradientAppBar("Custom Gradient App Bar"), Container()],); } } class GradientAppBar extends StatelessWidget { final String title; final doub
12 2023-04-13
编程技术问答社区
AppBar与其他元素重叠
我开始使用React/材料 - UI,也开始使用CSS等. 我在Appbar上有一个简单的页面布局.不幸的是,此Appbar重叠了要在其下方的元素. 我找到了这个答案: appbar材料ui问题 ,但这完全是错误的.如果我的Appbar具有可变高度,具体取决于图标,显示模式等,该怎么办? 我试图创建一个垂直网格,以将元素包裹在不同的项目中,使顶部的容器成为一个flex和flex设置,似乎无效,App Bar总是位于文本的顶部. 代码非常简单: import React from 'react'; import { AppBar, Typography, Box } from '@material-ui/core'; function App() { return (
2 2023-04-12
编程技术问答社区
我怎样才能在Flutter中把我的AppBar放在一个单独的文件中,同时还能显示Widgets?
我目前正在构建一个扑朔迷离的应用程序,该应用程序推荐该地区的餐馆.但是,我已经陷入了相当的kerfuffle中. 我希望我的应用程序将APPBAR的代码与每个屏幕的代码分开,以进行组织和清洁.因此,我构建了 kainappbar.dart 作为Appbar代码.在此处显示: import 'package:flutter/material.dart'; import 'package:gradient_app_bar/gradient_app_bar.dart'; import 'package:firebase_auth/firebase_auth.dart'; import 'package:google_sign_in/google_sign_in.dart'; GoogleSignIn _googleSignIn = GoogleSignIn( signInOption: SignInOption.standard, ); class KainAppBar e
2 2023-03-28
编程技术问答社区
在javascript Windows 8 Metro风格应用程序中,切换appbar的事件是什么?
我正在寻找在JavaScript中切换Appbar的事件.因此,这基本上是屏幕顶部/底部边缘的"边缘吹"手势事件. 例如,当用户刷屏幕的上部或布托边缘时,我想在页面上显示文本"边缘",而不会在页面中声明应用程序栏.我将如何做到这一点? 我尝试了交叉滑坡事件,但似乎不对. 解决方案 交叉滑动对您无效,因为这是一个可以在任何地方开始的手势. 没有接触地铁应用的边缘扫描事件. Windows 8检测到边缘滑动并为您自动提高应用程序栏(当您有一个时). 也许他们将来会添加一个,但是谁知道是否或何时,因此您可能想进行自己的手势跟踪.我建议您看看Pointerpoint类并构建自己的自定义手势识别器. 基本的边缘滑动应该很容易识别,尽管您必须注意屏幕上的所有指针.例如,如果我有一个跟踪5个手指的平板电脑,其中一个是边缘滑动的,那么您是否会识别出手势,或者仅当当时有一个触摸点处于活动状态时?这取决于你. 其他解决方案 您可以看到Appbar的文档这里 ap
4 2023-03-27
编程技术问答社区
在windows8应用程序上的全局应用栏
我正在从事Windows 8应用程序项目.我正在使用Visual Studio 2012及其预定义的模板(GroupedPage,splitPage,itemSpage). 目前,我需要添加一个应用程序栏.我选择的方式是创建一个并在所有页面上显示.我会阅读本文: http://sdn. microsoft.com/en-us/library/windows/apps/xaml/jj150604.aspx 要将其包括在我的项目中,我将全局页面设置为app.xaml 上的启动页面 protected async override void OnLaunched(LaunchActivatedEventArgs args) ... if (!rootFrame.Navigate(typeof(GlobalPage), args.Arguments)) throw new Exception("Failed to create initia
0 2023-03-27
编程技术问答社区
如何使Appbar内容在较大的显示器上不伸展到侧面
我想集中我的Appbar内容,因此在较大的显示器上,它不会扩展到屏幕的侧面.有 images 关于它的外观与我希望它看起来如何. 事实是,在较小的屏幕上,Appbar和页面内容都符合屏幕,但是在较大的显示器上,Appbar内容继续扩展,而页面内容保持为中心.因此,我希望Appbar在其内容停留在与页面内容相同的位置时保持全宽 - 您可以在第二个屏幕中看到. 我的页面代码:
6 2023-03-19
编程技术问答社区
Appbar Material UI问题
我是材料UI库的新手,但到目前为止我真的很喜欢!但是,我的Appbar组件覆盖了其他内容.我目前在我的app.js渲染方法中具有和.这是代码段: render(){ return ( ); } 这是MyComponent函数的代码: function myComponent(){ return ( Hello ); } 但是,当我运行此代码时," Hello"消息被Appbar组件叠加.是否有某种方法可以在Appbar下显示我的Hello消息(和相应的代码)?这是一个简单的问题,但我很想解决这个问题! 解决方案 您可以将paddingTop添加到包含div以补偿AppBar的高度(默认情况下为64px): render()
14 2023-03-19
编程技术问答社区
带有Appbar的材料-UI抽屉不使用组件语法
我创建了一个新线程从此避免混淆,因为有人告诉我Leftnav现在Drawer在材料-UI组件中. 我仍然有问题,第一个是ES7?箭头功能的语法如下所示.我已经更改为使用平面链接的以下代码,以尝试了解正在发生的事情: import React, { Component } from 'react' import { Drawer, AppBar, MenuItem} from 'material-ui' import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme' import getMuiTheme from 'material-ui/styles/getMuiTheme' import { Route, Router } from 'react-router' export default class Header extends Component { constructor(pro
6 2023-03-19
编程技术问答社区
什么是未发现的类型错误。无法读取AppBar + Drawer组件(ReactJS + Material-UI)的未定义属性'open'?
我正在尝试获取导航,默认汉堡图标在appbar的左侧( http://www.material-ui.com/#/components/app-bar )从材料-UI框架中单击时滑动抽屉组件( http://www.material-ui.com/#/components/drawer ).但是一旦单击,我会收到以下错误,我看不出: unturew typeError:无法阅读未定义的属性 对此的任何见解或指导将不胜感激.先感谢您. import React, { Component } from 'react' import { Drawer, AppBar, MenuItem} from 'material-ui' import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme' import getMuiTheme from 'material-ui/styles/getMuiTheme' i
6 2023-03-19
编程技术问答社区
如何让 material-ui-next 的 AppBar 组件对滚动事件做出反应?
按照材料设计指南: > 滚动时,顶部的应用程序栏可以[…]以以下方式转换: - 向上滚动隐藏顶部的应用程序栏 - 向下滚动显示顶部应用程序栏 当顶部应用程序栏滚动时,其高度超过其他元素就变得显而易见. 是否有任何内置方法可以在材料-UI-Next中进行此操作,还是应该将其视为新功能?您能否提示如何如指南中所述实现Appbar组件的动画? 解决方案 对于那些仍在寻找内置功能的人,其他解决方案 据我所知,目前还没有开箱即用的解决方案.但是,实施非常容易.这是一个订阅滚动事件并隐藏或相应地显示Appbar的片段: const styles = { root: { flexGrow: 1, }, show: { transform: 'translateY(0)', transition: 'transform .5s', }, hide: { transform: 'translateY(-110%)',
2 2023-03-19
编程技术问答社区