React Native - 禁用“屏幕大小”设置

Posted

技术标签:

【中文标题】React Native - 禁用“屏幕大小”设置【英文标题】:React Native - Disable "Screen Size" Setting 【发布时间】:2018-11-17 04:34:03 【问题描述】:

我目前正在开发一个 React Native 应用程序,我们的一些用户可能有轻微的视力问题。我们希望防止在 android 中设置“显示尺寸”,因为这会使我们的应用无法使用。

我们用简单的一行解决了字体大小的问题:

Text.defaultProps.allowFontScaling=false;

显示尺寸设置有类似的解决方案吗?

提前致谢

【问题讨论】:

你找到解决办法了吗? 【参考方案1】:

您可以在视图中使用 flex 属性进行控制。使用到父视图下方并将 flex 值从 0.1 调整到 1 以调整视图。以下是 70% 屏幕尺寸的示例。

<View style= flex : 0.7 >

</View>

【讨论】:

如果你想水平调整使用 flexDirection : 'row' 属性另外 这根本没有帮助,我们已经在使用 Flex。您是否尝试过使用 Flex 创建一个小项目,然后将 Display Size 设置为不同的设置?它完全破坏了布局,因为事情被混在一起了。

以上是关于React Native - 禁用“屏幕大小”设置的主要内容,如果未能解决你的问题,请参考以下文章

如何在 React Native 中使 ScrollView 组件大小与屏幕大小成比例?

React Native ScrollView 与相对于屏幕大小的绝对定位的子项

在 React Native 的 iPhone 设置上手动禁用后如何检测 PushNotificationIOS 状态?

如何禁用屏幕旋转(react-native)?

react-native-webview禁止缩放

React-Native-Video 在 Android 中禁用 TouchableOpacity