当前位置:首页 > 日记 > 正文

使用模态来响应本机组件

使用模态来响应本机组件
模态分量可用于覆盖本地视图包含反应本地根视图(如UIViewController,活动),可实现对掩模的影响。

属性

模态所提供的属性是:

AnimationType(动画类)proptypes.oneof({没有人','滑','消失' }

没有:没有动画
幻灯片:从底部滑入
淡入淡出视野
OnRequestClose(这个函数将被调用时被毁)

在Android平台上,这个函数必须被调用。
OnShow(时称为模态显示)

透明(透明度)布尔

真的,透明背景用于渲染模式。
可见(能见度)布尔

OnOrientationChange(当方向变化称为)

当模式方向改变时,调用的方向是唯一的,或者在初始化初始化时调用它,但是它不考虑当前的方向。
supportedorientations(允许模态旋转到任何指定的方向){ {画像,画像倒挂景观,'landscape-left ','landscape-right} }。

在iOS上,模式仍有待在Info.plist的uisupportedinterfaceorientations字段中指定的限制。
样品

模式的使用非常简单,例如:
<模态
animationtype = 'slide / /幻灯片的底部
不透明的
根据可见= {这个状态。ismodal } / / ismodal确定是否显示
onrequestclose = {({这。onrequestclose)= >()} } / / Android必须实现
>
综合实例:
进口反应,{成分} from'react;
进口{
appregistry,
观,
情态动词,
touchableopacity,
文本
from'react-native};
出口默认类modalview扩展组件{
构造函数(道具){
超级(道具);
this.state = { {
modalvisible:假,
}
}
setmodalvisible = = > {(可见)
this.setstate({
modalvisible:可见
})
};
渲染(){
返回(

<模态animationtype = { }不关
透明=真}
可见= {这个状态。modalvisible }
onrequestclose = {({ alert)= >(模态已经关闭。)} }
昂秀= {({ alert)= >(模态已经开放。)} }
supportedorientations = { { 'portrait ','portrait-upside-down景观,'landscape-left ','landscape-right} }
onorientationchange = {({ alert)= >(模态已经orientationchange。)} } >
你好世界!
{
this.setmodalvisible(假)
} } >
隐藏模式

{
this.setmodalvisible(真的)
} } >
显示模式

}
}
appregistry.registercomponent('modalview ',()()= > modalview);

手术效果:

从模态的源代码可以看出,模态实际上采用绝对定位,所以当模态不能满足我们的需要时,我们可以通过绝对定位来封装模态。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

相关文章

Dreamweaver如何设置html页面行的

Dreamweaver如何设置html页面行的

间距,如何设置,页面,电脑软件,Dreamweaver,Dreamweaver的网页设计不是很舒服,想要调整文字之间的距离,如何调整呢让我们来看看详细的教程。 软件名称:Adobe Dreamweaver CC 2017 v17.0中文破解版(附破解补丁)64位软件大小:758mb更新时间:2016-11-…

提示SAS的Windows:winlogon.exe应用

提示SAS的Windows:winlogon.exe应用

程序错误,提示,电脑软件,SAS,winlogon,问题: 当一个同事的电脑是退出系统,错误提示窗口弹出窗口:winlogon.exe;SAS应用是错误的;请帮助解决它。 答案uff1a 由于在计算机系统中的重要程序,系统无法加载。用360后卫的系统维修的功能是不好的。参…

MySQL中的死锁和日志二或三。

MySQL中的死锁和日志二或三。

日志,死锁,电脑软件,MySQL,最近,MySQL上出现了一系列数据异常,所有这些都在上午突发。由于业务场景属于典型的数据仓库应用程序,所以白天压力较小,不能重复。甚至有些异常仍然很怪异,最后根原因分析非常昂贵。我们如何快速定位在线MySQL问题并修…

把荷花照成美丽的水墨画。

把荷花照成美丽的水墨画。

水墨画,美丽,电脑软件,把莲花图片加工成墨水的想法并不复杂:先把图片转为黑白,然后用过滤器来增加油墨的纹理,但是有很多细节需要处理,图片的背景,墨的控制范围等,需要慢慢摸索。 把荷花照成美丽的水墨画。 原来的地图 最终效果 1,打开材质图片…

模糊视频教程

模糊视频教程

视频教程,模糊,电脑软件,过滤器主要是用来实现图像的特效。它已经在PS图象处理软件的奇妙的作用。过滤器的操作很简单,但很难真正使用它。过滤器通常需要联合使用相同的信道,层,以达到最佳的艺术效果。如果你想将过滤器应用到最合适的位置在最…

您没有安装密码安全控件或控件版本

您没有安装密码安全控件或控件版本

控件,安装,密码安全,图形,太低,问题: 要使用中国银行网上银行,下载中国网上银行登录安全控件,关闭IE11浏览器,然后安装,安装成功以后,或你没有安装安全控件或控件版本太低,请下载在密码控制下的登录页面的链接最新版本并安装。什么事 答案uff1a …

Word2013版实现了姓氏笔划自动排列

Word2013版实现了姓氏笔划自动排列

操作技巧,排列,姓氏,笔划,实现了,如何word2013自动安排姓氏笔画今天,萧边教你Word 2013版自动排姓操作技能。 Word的2013版实现了自动排列姓氏笔画的操作步骤。 将word文档转换成表格形式,单击插入,选择窗体,单击在下拉菜单中,将文本转换成表…

如何关闭Win8/赢10自动更新驱动程

如何关闭Win8/赢10自动更新驱动程

自动更新,解决方案,驱动程序,功能,电脑软件,Win8,赢10自带的驱动程序,但作为游戏玩家,会开车,使用一些版本的幻想系统;;爱总是推代替开车,我找到了一个办法,可以不让Win8,赢10自动更新驱动程序 首先,进入设备管理器,卸载是Windows系统(通常选择图形驱动…

PS图象处理软件不能得到解决的步骤

PS图象处理软件不能得到解决的步骤

步骤,图象,处理软件,电脑软件,PS,在WIN7系统,有些时候PS软件无法打开,有时它会是一个问题,当它打开时,这可能是经常遇到的。所以每个人都知道PS图象处理软件打不开怎么解决以下是PS图象处理软件小编不开如何解决的方法,我希望对你有帮助! PS图象…

如何在景观上拍摄电影效果

如何在景观上拍摄电影效果

景观,效果,如何在,电影,电脑软件,有时单调的排版,看起来有点枯燥,今天我将与你分享,如何使用CorelDRAW软件制作胶片效果。 软件名称:CorelDRAW X4简体中文安装版的正式版版本(注册编号)软件大小:97mb更新时间:2016-05-16 1。打开CorelDraw,建立一个…

mysql数据库绿色安装教程解决系统

mysql数据库绿色安装教程解决系统

系统错误,数据库,安装教程,电脑软件,mysql,软件绿色和安装的区别是什么 一般安装的文件将被写入系统注册表,因此系统中将有文件的卸载信息。 在绿色版本中,系统中不会有卸载信息。 插件的安装:一些软件在安装版本中有插件,而绿色版本没有插…

oracle调试存储过程的详细解释

oracle调试存储过程的详细解释

调试,解释,存储过程,详细,电脑软件,oracle调试存储过程的详细解释 调试关键步骤 1、在要调试的存储过程中右击,选择编辑器进行调试,截图如下: 2、点击小瓢虫,弹出调试窗口,截图如下: 3,输入7839员工号,点击确认,调试,截图如下: 4。屏幕截图显示权…