Question

我想在屏幕上的文字和图像后面添加一个scrollView。

return (
    <View>
        <Text>Name</Text>
        <Image source = {{uri : 'myUri' }} style = {styles.image}/>                 
        <ScrollView>
            <View>
                <Text>City</Text>
                <Text>Tokyo</Text>
            </View>

            <View>
                <Text>Language</Text>
                <Text>Japanese</Text>
            </View>
        </ScrollView>
    </View>
);

这是我的图像样式：

image: {
    flex: 1,
    width: null,
    height: null,
    resizeMode: 'contain',
    marginTop: 3,
    marginBottom: 3,
},

图像从不显示scrollView。

Answer 1

您是否为ScrollView指定了长度？

由于将图像的宽度和高度设置为空，因此图像尝试填充页面的空白区域。如果您不给ScrollView指定特定的高度，它会填满整个屏幕，因此您的图像找不到适合自己的空白空间。

您可能需要将图像的高度更改为特定的值，或者可以将文本和图像合并到另一个视图中，并为该视图指定特定的高度。

<View style = {styles.customStyle}> // change your style here
   <Text>Name</Text>
   <Image source = {{uri : 'myUri' }} style = {styles.image}/>
</View>

为什么我的ScrollView在React Native中隐藏我的图像？

1 个答案: