React Native：如何隐藏条件呈现以外的元素？
<View style={styles.container}>
<Animated.View style={[styles.toggleMenu]} >
<MenuScreen onPress={()=>{this.toggleMenu()}}/>
</Animated.View>
</View>
Styles
container: {
flex: 1,
backgroundColor: '#FFFFFF',
borderRadius: 8,
borderColor: '#000000'
},
toggleMenu:{
position: 'absolute',
left: 0,
top: 0,
width:WindowSize.width,
height: 0,
backgroundColor: '#2b3643',
opacity:0.95,
padding:0,
overflow: 'hidden'
}
谢谢
共有1个答案
在元素上设置overflow：“hidden”，这应该允许height属性正确地“隐藏”子元素。
请注意，使用height与其他flexbox属性可能存在一些冲突，我需要您的代码来诊断这些冲突。
有趣的事实：你可能在iOS而不是Android上遇到麻烦的原因是，在Android上，所有的视图本质上都隐藏了它们边界之外的子视图。此功能在iOS上默认不存在。
-
问题内容： 我有一个div，我希望将其部分定位在屏幕外，如下所示： 但这会增加页面的大小，使其可以向右滚动。有什么办法可以使该div的一半隐藏并防止滚动查看它？ 问题答案： 是的，只需使用创建一个封闭的div ，如下所示：
-
嗨，我正在尝试一个html表单代码的程序，我想要隐藏一个元素，如果一个条件被触发。 我是一个新手，目前正在学习javascript。代码如下： 我想隐藏返回航班，如果“只有一种方式”复选框被触发。 你可以忽略这个程序这里是我的服务器的链接
-
本文向大家介绍aurelia 有条件地显示和隐藏HTML元素，包括了aurelia 有条件地显示和隐藏HTML元素的使用技巧和注意事项，需要的朋友参考一下 示例 使用时show.bind，元素保留在页面中，并且通过使用场景display:none或display:block在场景后隐藏或可见。
-
如何使用JSX进行条件渲染？ 例如，我这里有div，如果props的值为null，我想呈现文本“不知道”，否则如果props不等于null，则呈现props。 例如： 我试过了，但没有成功。知道我做错了什么吗？ 提前感谢！
-
html正在打印表中的所有API数据。产品和组件当组件为空时，表格不应打印产品。最好的方法是什么？我用的是角度8 产品={"id"： 1，"name"："John"，"组件": [ { "id"： 130，"name"："Price", } ] "isSelected"： false} 产品={“id”：2，“name”：“name”，“components”：[]}
-
问题内容： 我有一个显示一些记录的网格。当我单击记录并检查该元素时，将显示该元素已隐藏但在网格中可见。 我的HTML是： 上面的代码在检查时是隐藏的，但在网格中可见。 selenium代码： 问题答案： 首先说该元素存储在对象中，然后编写以下代码以单击该隐藏元素：