Question

我正在努力使隐藏view像android一样。这占据了空间，但它并没有向用户显示。

<View
    android:id="@+id/hiddenView"
    android:layout_width="30dp"
    android:layout_height="wrap_content"
    android:visibility="invisible" />

在ReactJS中执行此操作的方法是什么？

Answer 1

您可以在react组件的html元素样式中使用visibility设置为hidden。见下面的例子。

＆＃13;

function InvisibleDiv() {
  return <div style={{width: '50', height:'50', backgroundColor: 'red',visibility: 'hidden'}}></div>;
}

ReactDOM.render(<InvisibleDiv />, document.getElementById('app'))

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="app"></div>

＆＃13;

Answer 2

在CSS中，您可以通过设置visibility: hidden属性来实现此目的。然而，要完全隐藏它所占用的空间，您应该使用display: none。

ReactJS中的隐形视图

2 个答案: