我计划在完成基于 React-Bootstrap 库的桌面 Web 应用程序之后构建一个移动 Web 版本应用程序。考虑到工作量/可重用性,我应该使用什么 React 移动 Web UI 组件库来构建我的移动 Web 应用程序?
谢谢,杰克
我计划在完成基于 React-Bootstrap 库的桌面 Web 应用程序之后构建一个移动 Web 版本应用程序。考虑到工作量/可重用性,我应该使用什么 React 移动 Web UI 组件库来构建我的移动 Web 应用程序?
谢谢,杰克
我不太确定您的应用程序的复杂性。如果您的应用程序不太复杂,那么您可以在桌面本身中管理这两个版本。通过从react-media库导入媒体。
例子:
<Media query={{ maxWidth: 798 }}>
{
matches => matches ? (<p>Logic to be displayed for mobile</p>) :
(<p>Logic to be displayed for desktop</p>)
}
</Media>
我建议在容器中使用此逻辑,并根据移动视图或桌面视图的需要为其提供单独的组件。这也可以使您的应用程序在浏览器调整大小时看起来更好。