侦听Mobx中的窗口调整大小事件未更新React Konva中Stage组件的宽度和高度
在Mobx中侦听窗口调整大小事件未更新React Konva中Stage组件的宽度和高度的问题，可以通过以下步骤解决：
- 确保已正确安装并导入所需的库和组件：Mobx、React Konva等。
- 在React组件中，使用Mobx的
@observer装饰器或observer()函数将组件包裹起来，以确保组件能够响应Mobx状态的变化。 - 创建一个Mobx的store，用于存储窗口的宽度和高度信息。可以使用
observable函数创建可观察的状态，并使用autorun函数监听窗口调整大小事件。 - 创建一个Mobx的store，用于存储窗口的宽度和高度信息。可以使用
observable函数创建可观察的状态，并使用autorun函数监听窗口调整大小事件。 - 在React Konva的Stage组件中，使用Mobx的
observer()函数包裹，以便在窗口调整大小时自动更新宽度和高度。 - 在React Konva的Stage组件中，使用Mobx的
observer()函数包裹，以便在窗口调整大小时自动更新宽度和高度。 - 在React应用的根组件中，将ResizableStage组件渲染出来。
- 在React应用的根组件中，将ResizableStage组件渲染出来。
通过以上步骤，当窗口调整大小时，Mobx会自动更新windowStore中的宽度和高度信息，然后React Konva的Stage组件会根据这些信息重新渲染，从而实现窗口调整大小时Stage组件的宽度和高度的更新。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云原生应用引擎（TKE）。
- 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整计算资源。了解更多：腾讯云云服务器
- 腾讯云云原生应用引擎（TKE）：提供容器化部署和管理的解决方案，可快速构建、部署和扩展应用。了解更多：腾讯云云原生应用引擎
相关·内容
我在Mobx中有一个可观察到的win，它会在窗口调整大小时更新。updateWin函数更新win可观察值。如果我将console.log(this.win)放在updateWin函数中，它会显示更新后的值。但是我看不到component中的更新值。 我已经放入了另外两个console.log语句。import * as React from &q
浏览 34提问于2020-12-24得票数 2
回答已采纳
1回答
所以我有这个代码库： import React, { useEffect, useRef, useState } from 'react';
const containercontainer}> </div> );
export default App; 这是一个放在容器div中的我想要
浏览 5提问于2020-11-19得票数 0
下面是我目前拥有的代码的一个示例。如何允许调整应用程序窗口的大小，但保持最初配置的纵横比？换句话说，如果用户调整窗口大小，则窗口宽度应始终保持为窗口高度的两倍。 try {
浏览 2提问于2013-05-13得票数 7
回答已采纳
我想确保我的组件具有与宽度相同的高度。为此，我添加了调整大小的事件侦听器。ID来访问Vue实例中的DOM元素。此外，我运行我的事件，并设置高度等于宽度。当通过循环和调整窗口大小创建多个组件时，我会得到以下错误
Uncau
浏览 1提问于2019-06-01得票数 0
回答已采纳
因此，我在另一个问题上得到了一些帮助，使桌子的高度与视口的高度相等。这意味着，如果用户调整屏幕大小，表的高度会动态调整，以占据屏幕的整个高度。我现在的问题是，这是一个React，我很难将这个jquery函数转换为function。setHeight();
setHeight();
浏览 2提问于2017-09-21得票数 1
回答已采纳
3回答
我在使用React和canvas时遇到了问题。render: function() { width: this.props.width
浏览 10提问于2015-03-31得票数 1
回答已采纳
我正在开发一个使用React Native的web应用程序，并将组件的样式设计为取决于窗口的宽度和高度。我希望一旦用户调整窗口大小，这些组件就会立即更新，因此它们依赖于新的宽度和高度。到目前为止，我只能使用JavaScript代码以窗口刷新的</em
浏览 23提问于2021-06-21得票数 0
3回答
var width = 400; style: StageStyle.TRANSPARENT
content: Scribble {} height: bind height}高度在javafx.scene.Scene中只有脚本(
浏览 9提问于2009-05-24得票数 2
回答已采纳
我一直在尝试使用Adobe Flex / Flash builder StageWebView来渲染网页，但它并没有缩放网页以适应手机屏幕尺寸，并且基本上切断了网页的右侧。下面是我目前使用的Flex代码。 <!StageWebView.isSupported) currentState = "nor
浏览 7提问于2012-06-29得票数 0
回答已采纳
2回答
flash是如何扩展到全屏的？
例如，如果我绘制一个形状，并赋予它100px (正方形)...does的宽度和高度，当闪光灯全屏显示时，该形状将按比例放大？或者该对象保持100px x 100px？
浏览 1提问于2011-06-11得票数 0
回答已采纳
有没有办法设置加载的SWF的高度和宽度总是使用100%的Loader的高度和宽度？就像在HTML页面中嵌入swf一样……我知道你可以通过设置Loader的宽度和高度来调整每个stage的大小，但有没有其他方法可以让你只需指定高度和<
浏览 0提问于2011-06-10得票数 3
我正在创建一个类似视频游戏的应用程序，为此我使用Konva React来处理我的画布，这个应用程序可以从电脑和/或移动设备访问，我希望它能像this example一样自动缩放/调整大小，当它还叫KineticJS我是React和Konva的新手，所以，有很多事情我可能不知道，这种知识的缺乏可能是这个问题背后的原因。所以，我尝试在Rea
浏览 177提问于2020-07-15得票数 0
回答已采纳
2回答
我有一个屏幕，它有两个div :顶部导航条(高度80 in )和导航条下面的div组件(剩余屏幕高度)。由于肚脐的高度为80 of，我必须动态减去底部div (h屏幕-80 of )，否则将出现一个垂直滚动条，我不想要。因此，我有一个监听器根据窗口的当前大小(包括窗口调整大小事件)更新窗口高度。然后，我将这个高度</em
浏览 5提问于2022-09-29得票数 0
回答已采纳
1回答
我在我的应用程序中嵌入了一个PPT，所以我想要一个响应性的iFrame。我已经看过了，我看过的基于CSS的方法不能让它工作。或者我是否需要创建一个
浏览 3提问于2016-04-16得票数 0
回答已采纳
3回答
我有一个使用JavaFX的FXML 2.0应用程序。我希望在调整带有应用程序的窗口的大小时调整组件(TextFields、ComboBoxes、布局等)的大小。所以..。对于这些属性中的每一个，都会有与前面描述的约定相匹配的相应方法。那么-我怎样才能在控制器类中得到一个舞台呢？
看起来UI控件没有任何宽度\
浏览 8提问于2012-04-25得票数 18
回答已采纳
在d3组件中有关于这两个属性的观察者来更新可视化，使其响应窗口大小的变化。
这个问题出现在父组件中。我目前正在绑定到window调整大小事件，运行Ember.run和一个回调，该回调设置组件中的windowSize属性。我有两个依赖于windowSize的计算属性，宽度和<e
浏览 0提问于2015-08-21得票数 1
回答已采纳
1回答
在简单的react应用程序中，我有以下组件结构 <Navbar /> <Footer />Navbar有固定高度80 has图是一个d3包装器div，包含带有图元素的SVG。如何将图形放进屏幕的剩余高度，使其始终占据
浏览 3提问于2017-11-02得票数 1
回答已采纳
1回答
在flex中调整事件大小
、、、
我使用自定义组件在画布上绘制图形，现在当窗口调整大小时，我想要确定画布的实际宽度和高度来调整图形的大小，因此我使用了可以在mxml中使用的resize事件。现在，我在调整大小的方法中检测到，我只在调整大小之前接收到画布的宽度</em
浏览 2提问于2009-06-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
