文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

『React Navigation 3x系列教程』createDrawerNavigator开发指南

: 提供routeName到path config的映射，它覆盖routeConfigs中设置的路径。...自定义侧边栏(contentComponent) DrawerNavigator有个默认的带滚动的侧边栏，你也可以通过重写这个侧边栏组件来自定义侧边栏： contentComponent:(props)...其主要属性有： items: 路由数组，如果要修改路由可以可以修改或覆盖它； activeItemKey: 定义当前选中的页面的key； activeTintColor: 选中item状态的文字颜色；...的背景色； onItemPress: 选中item的回调，这个参数属性为函数，会将当前路由回调过去； itemsContainerStyle: 定义itemitem容器的样式； itemStyle: 定义...如果DrawerNavigator的侧边栏的效果无法满足我们的需求，我们可以通过contentComponent属性来自定义侧边栏： contentComponent:(props) => (

7K10

react-navigation，刷新你的导航一、属性介绍二、案例

:自定义设置跳转效果 transitionConfig:自定义设置滑动返回的配置 onTransitionStart:当转换动画即将被调用的功能 onTransitionEnd:当转换动画完成时被调用的功能...path:路由中设置的路径的覆盖映射配置。...安卓底部会多出一条线，可以将height设置为0来暂时解决这个问题 labelStyle：label的样式 iconStyle：图标样式 1.3DrawerNavigator属性介绍 DrawerNavigatorConfig...默认为左侧位置 contentComponent - 用于呈现抽屉内容的组件，例如导航项。 接收抽屉的导航。...ChatScreen:{screen:ChatScreen} //这是新添加的导航界面 跳转操作 只要界面加入到了导航当中，组件中就会自动添加navigation的navigate属性

19.6K90
您找到你想要的搜索结果了吗？
是的
没有找到

【最新】iPhone X 交互设计官方指南

所有的应用程序都应遵循 UIKit 中定义的安全区域和布局边距，这些区域可以根据设备和上下文进行适当的填充。安全区域还能够防止内容把状态栏、导航栏、工具栏和标签栏覆盖掉。 注意状态栏的高度。...iPhone 上的显示高度为 4.7 英寸，并且它的屏幕上提供了更多的垂直空间内容，状态栏占据了你的应用程序本来可以使用的屏幕区域，状态栏还显示了对人们有用的信息，只有在交换附加值时候才能被隐藏。...同样的道理，iPhone X 上的图稿在全屏显示时会被裁剪或者添加黑边。 如果要继续使用在 4.7 英寸 iPhone 上全屏显示的图稿，一定要注意在两种显示尺寸上的兼容性问题。...避免将交互式控件放置在屏幕最底部和角落里。人们可以使用显示屏底部的滑动手势来访问主屏幕和对应用程序进行切换，这些手势可能会覆盖掉你在此区域中设定的自定义手势。另外屏幕的两个角落令人很难进行有效操作。...避免使用干扰系统功能的屏幕边缘手势。人们可以在每个应用程序中使用这些手势。只有在极其少数的情况下，例如游戏这样的沉浸式应用才有可能需要对屏幕边缘手势进行自定义。

1.9K20

iPhone X 适配指南 (官方翻译版)

所有应用程序都应遵循UIKit定义的安全区域和布局边距，这些区域可以根据设备和上下文进行适当的填充。安全区域还可以防止内容覆盖状态栏，导航栏，工具栏和标签栏。 注意状态栏的高度。...状态栏在iPhone X上比在其他iPhone上更高。如果您的应用假定固定状态栏的高度用于将内容定位在状态栏的下方，则必须更新您的应用，才能根据用户的设备动态定位内容。...iPhone上的显示高度为4.7 寸iPhone的显示屏提供了更多的内容垂直空间，状态栏占据您应用程序可能赢得的屏幕区域状态栏还显示人们发现有用的信息，只能隐藏以交换附加值。...手势 iPhone X上的显示屏使用屏幕边缘手势来访问主屏幕，应用程序切换器，通知中心和控制中心。 避免干扰系统范围的屏幕边缘手势。人们依靠这些手势在每个应用程序中工作。...您的应用程序不能影响这些按钮，因此避免在键盘中重复这些按钮造成混乱。请参阅自定义键盘。 资源 下载Photoshop和Sketch 资源中的 iPhone X UI设计模板。 原文链接

2.4K50

使用ueditor富文本编辑器导出文本内容时,自定义各个标签的属性,以img标签添加最大宽度为例(vue框架)….

现在在做的项目是一个对功能要求比较高的项目,同时也有SDK端的开发.项目中有一个场景就是在pc端通过富文本编辑的内容要在SDK端显示,测试的时候发现有一些图片超出了手机的最大宽度,会出现一个横向的滚动条...,这样很影响体验.做显示这块的是公司做android和ios的同事,他们拿到的值富文本直接导出的json格式的html代码,因此他们很难再对代码进行二次处理,解决问题的源头又回到了我这里~~ 言归正传,...想要解决问题就要从标签的style属性着手;本人在追踪数据流的时候发现了在导出编辑器内容的时候会把编辑器内容全部遍历一次的地方,遍历的数组大概就长这样(这其实是遍历之后的,理解我的意思就行) 那么重点来了...,以img标签为例,进一步处理的数据长这个样 在遍历的时候会将attrs进行遍历,遍历时候大概就给拆成这样 这个时候就需要在style中插入就行了,这个地方在ueditor.all.js文件的8726...属性,最后判断若是有style属性,style是否有max-width:100%;字段,若有,则跳过,避免每次导出的时候重复赋值.

2.1K30

模块化开发 Angular 应用

共享模块不仅让你的应用联系紧密，而且可以对你的应用进行瘦身。 在这个教程中，我们将创建自定义的模块，并发掘它的组件。...如果你想在多个模块中使用你的组件，你需要将改组件捆绑到一个单独的模块中，并将其导入到模块中。 Imports 说到导入... 你的模块可以导入任意数量的子模块。还没有定义任何自定义模块？...构建自定义模块 我们假装已经构建了一个很棒的应用程序。这个程序只有一个模块，就是 AppModule。 现在，为我们应用程序添加登录内容。登录内容将包含一个登录的页面和一个注册的页面。...我们称这个模块为 AuthentictionModule。...当你以惰性方式加载模块时，它不会包含在初始的程序中。相反，它仅在需要的时候才下载。为啥要下载我们还没用得上的组件呢，是吧？ 那么，它是怎么工作的？ 我们用惰性加载方式更改下先前的例子。

3K10

Human Interface Guidelines — Progress Indicators

·如果有用，请在等待任务完成时提供有用的信息 在 activity indicator 上方添加标签以提供额外的环境信息。...避免像 loading 或 authenticating 这样的含糊术语，因为它们通常不会增加任何价值。...---- Progress Bars Progress Bar 为一个从左向右填充的轨迹，以显示已知持续时间的任务的进度。...·考虑自定义 progress bar 的外观以匹配您的app Progress Bar 的外观可以进行调整来匹配app的设计。 例如，您可以指定自定义色调或图像来填充轨道和填充部分。...---- Network Activity Indicators 在除iPhone X之外的所有设备上，当网络连接时，network activity indicator 会在屏幕顶部的状态栏中旋转。

63630

浅谈 Android 自定义锁屏页的发车姿势

，重新覆盖屏幕。 　　...为了将划屏逻辑与页面内容隔离开来，我们在锁屏页面布局中添加一个自定义的UnderView，这个UnderView填充整个屏幕，位于锁屏内容View（将其引用称之为mMoveView,并传入到UnderView...添加标志位FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS，并调用setStatusBarColor设置状态栏的颜色为透明。 　　...如果在接收到这一广播时，将自定义锁屏页finish掉，就能避免在指纹解锁成功后自定义锁屏页仍然显示的问题。...这样就避免了自定义锁屏页刚创建出来就将自己finish掉的困境。另一方面，其他非FLAG_DISMISS_KEYGUARD方式触发的解锁，比如指纹解锁，都会使Activity消失，满足了需求。 2.

3.8K91

最新iOS设计规范七｜10大视觉规范（Visual Design）

在P3光谱中使用颜色的渐变有时也可能会在sRGB设备上出现剪切。为避免这些问题，您可以在Xcode项目的资产目录中提供不同的图像和颜色，以确保在宽色和sRGB设备上的视觉保真度。...当你需要自定义颜色时，将颜色集资源添加到APP的资产目录中，并指定颜色的浅色和深色变体，以便它可以适应当前的外观模式。避免使用硬编码的颜色值或不适应的颜色。 确保颜色在两种模式下都具有足够对比度。...当你使用动态颜色对其进行着色或添加活力时，符号在两种外观模式下看起来都很棒。 必要时为明暗外观设计单独的标志符号。在浅色模式下使用线性图标或符号，在深色模式下可能则需要更实心的填充图标或符号。...遵循系统使用的材质。尽可能将自定义视图与系统提供的视图进行比较，以获得类似功能并使用相同的材质。 利用系统提供的文本、填充、字形和分隔符的颜色。...在标记按钮和其他交互元素时，请使用动作谓词，如连接、发送和添加。 避免使用听起来有点屈尊的语言。避免我们、我们的、我和我的（例如“我们的教程”和“我的训练”）。它们有时会被理解为侮辱或屈尊的词。

7.9K30

【拓展】655- React 与前端开发的那些年

小前端时代 随后进入“小前端时代”，形成了以 HTML 为骨架，CSS 为外貌，JavaScript 为交互体验的前端开发模式，在这个时代，出现了 Ajax 这种划时代意义的技术，让静态网页升级为动态网页...以一个“用户推荐关注页面”为例子，可以将页面简单分为下面几个组件： component 其中： 组件UserPageComponent 为：主页面组件； 组件 HeaderComponent 为：页面顶部标题栏组件...； 组件ContentComponent 为：页面主要内容区域组件； 组件FooterComponent 为：页面底部操作组件； 组件UserInfoComponent 为：通用用户信息组件； 组件CommonButtonComponent...> ); } } class ContentComponent...「React v16.2.0 (November 28, 2017)」 增加 Fragment 组件，其作用是将一些子元素添加到 DOM tree 上且不需要为这些元素提供额外的父节点，相当于 render

92631

Android 沉浸式解析和轮子使用

通过 FLAGTRANSLUCENTSTATUS 设置状态栏为透明并且为全屏模式，然后通过添加一个与 StatusBar 一样大小的 View，将View 的 background 设置为我们想要的颜色...你可以只使用其中的一个，但是一般情况下你需要同时隐藏状态栏和导航栏以达到沉浸的效果。...小结：Android4.4-Android5.0的步骤就是为window添加 FLAGTRANSLUCENTSTATUS 的 Flag,然后添加一个假的状态栏，通过上述方法设置的沉浸式在 Android4.4...绘制，绘制透明背景的系统 bar（状态栏和导航栏），然后用 getStatusBarColor() 和 getNavigationBarColor() 的颜色填充相应的区域。...(R.color.colorPrimary) //同时自定义状态栏和导航栏颜色，不写默认状态栏为透明色，导航栏为黑色 .statusBarAlpha(0.3f) //状态栏透明度

3.2K10

iOS 9人机界面指南(四)：UI元素（上） - 腾讯ISUX

不要创建自定义状态栏。用户依赖系统默认状态栏的一致性。就算你可能会在应用中隐藏它，也不宜定制一个新的UI来代替原有系统状态栏。 避免滚动内容直接透过状态栏显示。...你不会希望用户在滚动的时候看到五花八门的内容和状态栏自身的元素混合在一起。想要让用户感受到内容区域够大的同时，最大限度地保证可读性，请保证在状态栏后面添加一块背景，用以模糊出现在状态栏后的内容。...为你的应用选择配色协调的状态栏颜色。默认的状态栏内容是黑色的，在浅色应用中效果出色，而相应的浅色状态栏则更适用于颜色较深的应用。...可以填充颜色(使用tintColor来定义导航栏中的图标与文字颜色；使用 barTintColor来填充导航栏背景色) API注释 导航栏包含于导航控制器（一个管理显示自定义视图层级结构的程序对象）中。...如果合适的话，为删除按钮自定义一个名称。如果这能让用户更好地理解应用的相关功能的话，你可以创建一个合适的标题，来取代“删除”这个字样。 尽量使用简洁的文字标签，以避免被截断。

10.1K51

最新iOS设计规范三｜3大界面要素：栏(Bars)

导航栏是半透明的，也可以添加背景色，并且必要时可以设置为隐藏。 ? 某些情况下可暂时隐藏导航栏，以提供更沉浸的体验。例如，当人们查看全屏照片时，“照片”会隐藏导航栏和其他界面元素。...但是如果添加导航栏显得多余，则可以将标题留为空白。例如，Notes的导航栏就没有标题说明文字，因为第一行内容已经有了足够的提示。 当需要特别强调上下文时，请使用大标题。...你可以同时提供自定义的蒙版图像，以便系统在转场过渡时使用此蒙版为按钮标题设置动画效果。 不要包括多段面包屑路径。后退按钮始终执行单个操作：返回上一屏幕。...用户期望状态栏在系统范围内保持一致，所以不要用自定义状态栏替换它。 ? 选择样式相协调的状态栏。...当用户尝试关注媒体时，状态栏可能会分散注意力。暂时隐藏这些元素以提供更沉浸的体验。例如，当用户浏览全屏照片时，“照片”应用程序将隐藏状态栏和其他界面元素。 ? 避免永久隐藏状态栏。

9.8K10

最新iOS设计规范五｜3大界面要素：控件（Controls）

当人用户为同一个项目启用这两个功能时，系统很难检测到用户的真正意图，这可能会让用户感到困惑。 避免提供项目预览的操作按钮。...虽然你无法更改编辑菜单的形状，但它的位置是可配置的 - 你可以改变展示位置来避免它覆盖重要内容或界面的某些部分。 不要使用与编辑菜单相同功能的其他控件。...让它旋转，让用户知道正在发生的事情。 如果有帮助，请在用户等待任务完成时为其提供有用的提示信息。可以在加载器上方添加标签以提供额外的上下文信息。...避免使用模糊的术语，如加载或验证，因为它们通常不会增加任何价值。 进度条（Progress Bars） 进度条是一个从左到右填充的轨道，用以显示当前页面的任务进度。...当在导航栏或工具栏中使用时，进度栏应配置为隐藏轨道的未填充部分。 进度条的外观可以自定义。可以调整进度条的外观以匹配APP的设计。例如，您可以为轨道填充指定自定义色调或图像。

8.5K30
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券