如何使卡组件与react-split-pane组件一起工作?

问题描述

https://android-developers.googleblog.com/2018/07/android-emulator-amd-processor-hyper-v.html是我的代码

我的问题是,如何在不使用h-100类的情况下使用卡组件填充SplitPane的第一窗格?

这是因为当我将h-100类用于Card组件时,当用户单击移动平台上的输入框时,它会破坏布局。

我试图使用“ flex-grow-1”类来解决该问题,但是,它不起作用。

此外,我不确定react-split-pane是否具有自己的方向更改事件处理方法。如果是这样,请告诉我。

解决方法

使用flex-grow-1的实现将无法正常工作,因为如果您检查元素,则Card组件的父元素是div生成的附加SplitPane元素,而不是flex容器。

您仍然可以使用h-100,但是为了解决“ small window.innerHeight”设备上的布局问题(例如您描述的在移动设备上打开虚拟键盘的场景),您只需要在条件声明中进行调整,以评估SplitPane是否应切换splithorizontal的{​​{1}}属性

在下面的示例中,您可以看到我在左侧窗格中考虑了“最小宽度”,以将StackBlitz示例代码中输入字段的vertical设置为width我审核了。

182px

我想您可以在组件安装时在逻辑上实现相同的功能。

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...