问题描述
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
是否应切换split
或horizontal
的{{1}}属性
在下面的示例中,您可以看到我在左侧窗格中考虑了“最小宽度”,以将StackBlitz示例代码中输入字段的vertical
设置为width
我审核了。
182px
我想您可以在组件安装时在逻辑上实现相同的功能。