Question

我不确定该如何措辞，所以请忍受我：p

这是我要实现的想法的屏幕截图，但是我不确定如何最好地实现它或描述它。

我可以在React Native或Native iOS中做到这一点，因此在任何一个领域中都可以有很好的想法。

这个想法是，当房间里只有一个人时，您的视频会更大一些，随着人们的加入，他们可以适当地缩放手机尺寸并放置在有趣的布局中（不必完全如图所示），只是想法是它们会根据设备的大小以及房间中的人数而扩展以尽可能占据最佳空间）

我在想某种游戏引擎对此很有用，但不确定。如果您可以抛出一些搜索词，那么我可以用它来解决问题。

我也可能希望它们是可拖动/可调整大小的，但是我可以稍后再做，但是想法是它们在一定的容器尺寸内可以自由移动。

Answer 1

这是基本的网格功能，您只需要为每个大小调整选项创建样式用例，并根据聊天室中的人数动态更改类...以一种非常基本的形式：

.6-user-layout {
    height: 60px;
    width: 60px;
}
.4-user-layout {...}
.2-user-layout {...}

作为您的基本样式^，然后简单地动态替换您的类：

const sizingClass = \`${userCount}-user-layout\`;

return (
    <YourVideo classNames={sizingClass} />
);

除非您正在寻找一些真正特定的方法，否则这是使用React进行操作的一种简单方法，无论使用浏览器还是移动设备：）

任何游戏引擎都一样，只需为每个用户定义您的样式要求，或创建一个简单的方程式就可以找出它，同时跟踪活跃用户。