如何解决如何使卡组件与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
是否应切换split
或horizontal
的{{1}}属性
在下面的示例中,您可以看到我在左侧窗格中考虑了“最小宽度”,以将StackBlitz示例代码中输入字段的vertical
设置为width
我审核了。
182px
我想您可以在组件安装时在逻辑上实现相同的功能。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。