相关疑难解决方法(0)

当我在XCode /模拟器和旧iPad设备上测试我的第一个iOs/React Native应用程序时,应用程序看起来不错,尺寸都很好.但是在新的iPhone 6s plus设备上,一切都非常小,文字,边距,填充比它们应该少两倍.是响应问题吗？我想使用PixelRatio API,它会解决所有问题吗？我将在Android上移植我的应用程序后它仍能正常工作吗？这是否意味着我现在所有的风格都需要写成:

var myStyle = {
  Post: {
    width: PixelRatio.getPixelSizeForLayoutSize(200),
    margin: PixelRatio.getPixelSizeForLayoutSize(100),
  }
}

而不只是:

var myStyle = {
  Post: {
    width: 200,
    margin: 100,
  }
}

？

我正在研究一个React Native应用程序并遇到了一些奇怪的问题,文本没有正确包装.此文本换行问题仅发生在某些模拟器(iPhone 6 +/7 +/8 +/X)上.基本上我的应用程序的设计看起来如下:

<ScrollView
        style={styles.container}
        contentContainerStyle={styles.content}
>
    <Text style={styles.Text} >
          Blah blah blah blah ... Long long long long text
    </Text>
    <Text style={styles.Text} >
          Blah blah blah blah ... Long long long long text
    </Text>
    <Text style={styles.Text} >
          Blah blah blah blah ... Long long long long text
    </Text>
    {/* A bunch more Text components styled similarly as above */}
</ScrollView>

我的风格定义如下:

const styles = StyleSheet.create({
            container: {
                backgroundColor: '#F4F4F4',
            },
            content: {
                paddingRight: 5
            },
            text: …