【问题标题】:How to make React native app responsive screen according to phone's screen size for both tablets or average android phone如何根据平板电脑或普通安卓手机的手机屏幕尺寸制作 React 本机应用响应式屏幕
【发布时间】:2021-01-01 18:51:21
【问题描述】:

我在 react 本机应用程序中有一个 pin 码屏幕,我希望根据手机或平板电脑的尺寸使其响应/放大,就像我在屏幕上有一个徽标或任何其他组件在平板电脑中可见,但在普通模拟器中它是平均我想根据平板电脑的大小让它变大

这里有一些截图

我想放大平板电脑的屏幕项目,使其在普通手机中可见

【问题讨论】:

    标签: android react-native user-interface screen


    【解决方案1】:

    【讨论】:

    • 感谢您的解决方案,但这并不是我想要的……此时我想在平板电脑上安装应用程序时放大组件,并在安装 apk 时制作小组件
    • 操作系统将在平板电脑或手机中相同,您只需调整平板电脑和手机的组件尺寸和字体大小等,我在提供的链接中进行了描述
    【解决方案2】:

    用于图像和按钮的尺寸 click this link and read Documentation

    例子

        Height: Dimensions.get('window').height / 2.5,
        Width: Dimensions.get('window').width / 2.5,
    

    【讨论】:

    • 感谢您的解决方案,但这并不是我想要的……此时我想在平板电脑上安装应用程序时放大我的组件,并在安装 apk 时制作小组件。另外我想包装整个组件而不是每个组件
    • 很好,我通过 react-native-responsive-screen 包做到了
    猜你喜欢
    • 2012-12-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-05
    相关资源
    最近更新 更多